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a The definitive guide to Adobe Photoshop * Mac & PC 


reat news! It's 
another Special 
Edition of Computer 
8 Arts dedicated to 


RAKAKKAK ICCC } 3 ny “ Om hn ? sips Heed 
3 2 second one we've published here a 
° ooo > + Hooeeoe Computer Arts and the first one was 
- incredibly popular — so much so that 
we actually had to reprint it to meet 
demand. If you missed our first 
Photoshop Special, you can acquire it 
through our back issues offer on page 22. 
Here in our second Photoshop 
Special, we've striven to give our readers 
exactly what they want. The biggest 
complaint about the first Special Edition 
devoted to Photoshop was that all the 
tutorials were reprints of ones previously 
run in the monthly Computer Arts 
magazine. We've responded to that by 
bringing you a publication full of entirely 
fresh tutorials. Whether you're an artist, 
graphic designer or an expert amateur, 
we can just about guarantee that you'll 
learn something new from this magazine. 
Another moan people had about the 
first Photoshop Special was that there 
wasn't enough in it about plug-ins. Well 
we've plugged into that one too, so to 
speak, and in the new Special you'll 
find our Ultimate Guide to Plug- 
ins. The newest and best plug-ins 
are reviewed, and there's a Buyer’s 
wz Guide to all the most important 
Photoshop plug-ins on the 
@eo. Market. This is followed up with five 
tutorials devoted to some of the most 
popular plug-ins available. And don't 
worry if you don't own the plug-ins 
featured, because for each tutorial we've 
either got the complete, fully-working 
plug-in free on the CD, ora fully- 
functional demo. 
The big news of the day is the 
release of version 5.5 of Photoshop. For 
anyone who's yet to upgrade we've got a 
3 six-page overview of the title, while for 
5 those who have upgraded there's a 
2 complete guide to creating our cover 
image, plus an in-depth discussion of 
how to make the most of ImageReady 2 
(the Web graphics application now 
bundled with Photoshop). 
Finally this Special Edition includes a 
raft of Photoshop tips and a series of 
tutorials at the back of the magazine. To 
us it looks like a massive bundle of digital 
creativity that'll put a smile on the face of 
anyone who's into Photoshop. See what 
you think... EEE 
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Aa ¥; Sttterepereess +4 pe as it enters the Internet age. 62 Tutorial: Mask Pro 
RAAAKRKAY Recreate our cover Get to grips with Mask Pro 
= 1.0 and PhotoFrame 1.0. 
Discover how to make our nde 
stunning cover image with 66) Subscriptions 
our CD and this walkthrough. Subscribe to Computer Arts. 
22) Back issues 68} Tutorial: PhotoGraphics 
"Get your hands on previous Create beautiful vector art 
Computer Arts Specials, and with our walkthrough. 
take out a subcription too. EZ) Tutorial: PhotoTools 3.0 
ImageReady 2 Lae 
24 : gornany = Put electrifying space effects 
} Design and publish amazing at your fingertips. 
graphics for the Web. 1(:) Tutorial: Genesis V2 PRO 


17 Sreat text effects Radioactive cows-a-go-go! 


Add a little bit of style to your z 
words with these top effects. EZ] Photoshop — 
Aseries of Photoshop 


101 Photoshop tips tutorials by our experts. 


“Tips and tricks for beginners 5 
and seasoned experts alike. 82 Getting started 


Master Photoshop as we show you how to make this unning 45) Photoshop books Using the key tools. 
image yourself —all the files you need are on our CD. fieeanon hameof Pines : Intermediate 
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438} Ultimate plug-ins guide juice with layer masks. 
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plug-ins you must own. — 


53] Plug-in buyer’s guide Colour correction made easy. 
Saha = CA Interactive 


Find the plug-in that suits you 


with our A-Z listings. The lowdown on our CD. 
EZ) Win Photoshop 5.5 EZ) Next issue 
Five copies are up for grabs! What’s coming up... 


CD Interactive 


On the Computer Arts Photoshop 
Special CD: 


Full plug-ins: KPT Equalizer, Mask Pro 1.0, 
PhotoFrame 1.0 


Free images: Ten free high resolution 
photographs from Stockbyte 


23 Plug-in demos: including Eye Candy 3.0.1, Intellihance 4.0, 
KPT 3.0, Mask Pro 2.0, PhotoFrame 2.0, Photo/Graphic Edges 4.0, 
PhotoGraphics 1.0, PhotoTools 3.0, Terazzo, Xenofex 1.0 (dual), 
Knoll Lens Flare Pro (Mac only), Genesis V2 PRO (PC only) 


Thanks to plug-ins, Photoshop’s powers are limitless. We bring you 
reviews of the 10 newest and best plug-ins, a complete plug-ins 
buyer’s guide, and five massive plug-in walkthroughs! ity 


Plus: Photoshop 5 demo, Adobe Acrobat Reader, Quicktime 3 
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Better Web tools 

Image Ready 2 included 
Background Eraser tool 
Extract function 


ImageReady opens layered 
Photoshop files 


Good compression options for 
image optimisation 


Auto Contrast function 


Photoshop 


what's new? 


AN OVERVIEW OF THE 
LATEST VERSION OF 
PHOTOSHOP, AS THE 
PROGRAM STEPS INTO 
THE INTERNET AGE... 


hotoshop has been around for 
some ten years now, and 
few would argue against the 
® ZH statement that the program is 
the world's top image editing 
application. Some eighty per cent of 
digital imaging professionals use 
Photoshop and the program has more 
than three million registered users. 
Thanks to its great credentials, sadly 


Photoshop 55 


‘The woth stumaaret image tive return far prim and the Wee 


it's also one of the most pirated 
applications there is. 

Photoshop's popularity stretches 
far beyond mere photo-editing. 
Illustrators love the package because 
of its massive array of effects and 
filters, while 3D artists can use it to 
perfect the textures they apply to 3D 
models, and to touch up their final 
renders. Graphic designers use 
Photoshop to visualise everything from 
cleaning up the complexion of 
magazine models to creating madly 
textured background and hyper-realistic 
text logos for their clients. Multimedia 
designers use it to similar effect when 
creating interactive screens and until 
recently it seems the only ones left out 
in the cold a little have been the Web 
designers — but more on that later. Of 
course, there aren't words to describe 


how popular Photoshop has become 
with Computer Arts readers and 
accompanying this article on 
Photoshop 5.5 we've included a range 
of Exposure images generated in 
Photoshop by followers of the 
magazine. 

The big news in the world of digital 
imaging today is the release 
Photoshop version 5.5. It's been out 
for a few months now, and the dust is 
beginning to settle. Designers who 
have upgraded from earlier versions 
are getting past their first impressions 
and serious opinions are solidifying on 
the overall package, and its merits to 
those of us using the program to 
design for print, the Internet, or both. 
Meanwhile, anyone who has yet to take 
the step up to Photoshop 5.5 may still 
be wondering what the fuss is about. 

What we aim to provide you with 
here is an overview of Photoshop 5.5 
including its new features, and taking 
into account various opinions 
expressed from all quarters over the 
months since the program's initial 
release. We'll try to put everything into 


perspective and if you've yet to 
upgrade we hope you'll find this article 
will clear the air a little and help you 
make your decision. As always, 
however, it's up to you... 


Web of intrigue 


The World Wide Web is certainly in 
fashion at the moment, but it's proven 
itself to be far more than a passing 
fad. The result is a booming demand 
for graphics optimised so that they are 
attractive on screen, but small enough 
to be downloaded quickly and 
efficiently. Some might be dismayed at 
the fact that graphics software far and 
wide is now being re-published in 
updated 'Web editions’. 

This may appear to be an annoying 
trend geared to pushing upgrade sales 
rather than providing any real new tools 
or benefits to users. With a little guile 
and maybe one or two extra 
applications it's simple to prepare your 
graphics for the Web. This has been 
the case for quite some time and it's 
easy to conclude that 'Web editions’ 


“Photoshop 5.5 has been out for a few months 
and the dust is beginning to settle. Designers 
who have upgraded from earlier versions are 
getting past their first impressions, and 
serious opinions are solidifying on its merits” 
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are a bit of a scam. However, 
Photoshop is such a universally loved 
graphics application, it was high time 
the program was released in a form 
that addresses the needs of Web 
designers as well as those producing 
images for print. Why accept the 
hassle of switching to another 
application and learning its interface 
and foibles, when Photoshop should 
really be providing the features and 
supporting the formats users demand? 

From this perspective, many would 
go so far as to chastise Adobe, 
Photoshop's publisher, for being slow 
off the mark bringing out a Web-friendly 
version of Photoshop. After all, 
according to the company's own 
figures, the amount of graphics 
produced solely for the Web is set to 
quadruple over the next two years, 
while the amount produced for both 
print media and the Net will double. 
So, Photoshop 5.5 makes sense. 


So what's new? 


Version 3 of Photoshop introduced us 

to the incredibly useful Layers feature, 
version 4 brought Actions to make your 
workflow simpler and version 5 gave us 

the timesaving History palette. With 

5.5 comes far greater scope to 

produce images intended for the Web, §f = 
plus a few tweaks and changes to the ul 
tools. To begin with, when you install 
Photoshop 5.5 on your Mac or PC, Sale." 


Unnatural History... Photoshop 5.5’s brush with the past 


OK of the more interesting new tools in Photoshop 5.5 is 
the Art History Brush. It's a variation on the History Brush 
and is selectable from the Tool palette. Once you've selected the 
tool, you then need to convert your image to 8-bits per channel, 
before creating a snapshot of it on the History palette. When 
you've done this, an array of tweaks can be applied to the brush 


A picture such as this is tricky to treat with the Art History 
Brush without obliterating the essential shapes of objects in 


the scene. 


the usual way. 


However, if you choose your brush size and style carefully 
and follow the shapes of objects in the picture well, it can 
result in something quite nice. 


via the options palette, and the user can vary the brush size in 


It's actually quite tricky to come up with a useful effect and 
you'll more often be tempted to use a filter instead, however in 
some situations using the Art History Brush can result in 
unique or localised effects. 


f you're thinking of upgrading to 

Photoshop 5.5,you'll needa 
system with the following 
specifications or better 


» Macintosh 

PowerPC processor or better, Mac OS 
version 7.6 or higher, 64MB RAM 
(96MB recommended), 125MB hard 
disk space, 8-bit display or better (24- 
bit recommended) 


» Windows 

Intel Pentium processor or better, 
Windows 98 or NT 4.0, 64MB of RAM 
(96MB recommended), 125MB hard 
disk space, 8-bit display or better (24- 
bit recommended) 
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co 
"= you'll automatically commit to your 


hard drive a second application called _ 
ImageReady 2.0. 

This program looks and feels just 
like Photoshop, which is a good thing 
for Photoshop devotees. If you're 
already a Photoshop user, you'll easily 
be able to find your way around 
ImageReady without any need to 
retrain your brain or reprogram your 
mouse-clicking muscle memory. And 
ImageReady has some very useful 
features. For instance, it enables you 
to 'slice' an image for publication on a 
Website. Slicing means the graphic is 
cut into portions so that it's 
downloaded and displayed in chunks 
rather than one big, modem-choking 
block. You can even designate some 
slices of the same file to be stored in 
JPEG format while others are 
compressed as GIFs. This is great if 
you have an image incorporating both 
pictures and text. The pictures can 
retain more colour and detail by being 
made JPEG slices, while plainer text 
areas of the image can be stored in the 
smaller, lossier GIF format. Should you 
decide to alter the graphic, Image 
Ready will automatically update its 
associated HTML file for you, even if 
it's been incorporated into another 
more complex HTML file for a Web site. 

Another plus is the ability to 
produce animated GIFs using Layers. 
Each layer becomes a frame in the 
final animation and there's also a 
tweening function (short for in- 
betweening). This is a common feature 
of animation programs. The user 
specifies key frames, and the software 
guesstimates what changes need to 
occur in the intervening frames and 
creates those frames. The outcome, 


A new feature in the Automate submenu is Picture Package. You can use it to fit 


repeats of an image onto a larger image. 


hopefully, is a smooth-running, layer- 
based, animated GIF ready for your 
Website. 

Layers are used in a similar way to 
enable you to create Java-scripted 
rollover graphics for your Web site. One 
layer represents the graphics in their 
normal state, while additional ones 
can be used to change the image 
depending on how it is being interacted 
with by someone looking at your site. 
Once you've created your rollover 
graphic you can then preview it in your 
browser directly through the File menu. 

Of course, being designed 
specifically for editing images for the 
Web, ImageReady also includes an 
array of features for creating and 
saving files in Internet-friendly formats. 


“If you’re already a Photoshop user, you'll be 
able to find your way around ImageReady 
without reprogramming your brain, and it has 
some useful features, like the ability to ‘slice’ 
an image for publication on a Website” 


In ImageReady 2 you can define which 
sections of your Web image change in 
reaction to the mouse. 


Slicing graphics in ImageReady 2 makes 
them easier to download, and you can 
vary the compression across the image. 


These are a few of the tastiest 
features of ImageReady 2.0, but you 
can read a whole lot more about using 
the program starting on page 24. 


Found in Photoshop 


ImageReady 2.0 rides shotgun with the 
updated version of Photoshop. Now, 
Adobe could have taken ImageReady in 
one hand, and Photoshop in the other, 
and slapped the two together into one 
massive integrated program catering 
for both Web and print designers. 
Instead the company has 
compromised somewhat — you can 
jump between the two applications via 
a button on each one's respective 
toolbar (saving your document before 
doing so), but they aren't one and the 
same program. On the plus side, 
though, any changes you make to a 
document in one program are stored in 
the History palette and are therefore 
visible and alterable in the other. 

Had the two programs been 
integrated entirely and released as 
Photoshop 6.0, this may have resulted 
in a huge program that was even more 
RAM-hungry than Photoshop 5.0. With 
two separate pieces of software, it can 
be argued, you can use the features of 
Photoshop, then save the file and 
swap to ImageReady to finish it for 
publication on the Net if you wish. On 
the other hand, the tools and interface 
structures are so similar that the code 
for the two programs could probably 
have been meshed together quite 
easily to create a single application. 
That could well be what Adobe has in 
mind for the next Photoshop release... 


Photoshop 5.5’s Save For Web feature is a boon if you need to compress files for use on 
the Internet. You can preview estimated download times, and fine tune compression. 


Version 5.5 of Photoshop does have a 
number of significant additions, 
however. Firstly there are the ones 
which are very much in keeping with 
the Web graphics trend established 
with the inclusion of ImageReady 2. 
From within Photoshop users can set 
up documents as HTML Web pages. 
Photoshop can be instructed to create 
a Web Photo Gallery which consists of 
a folder of images, complete with links, 


titles and navigation. You choose your 
Source folder containing original full- 
size images, and Destination folders 
where your final HTML page and other 
media for the site are kept. However 
you'll probably want to do this kind of Ps 
preparation for the Web in Image 7 
Ready anyway. 

The Web Photo Gallery certainly 
wipes away a lot of the admin involved 
with storing graphics intended for 


Extraction in action 


The new Extract function makes light work of removing objects from their backgrounds... 


oS. Here's the original image that we 
want to use the Extract function on. 


To mask the zebra out manually would be 
painstaking. Will Photoshop’s new 
Extract function be able to cope? 


The first step in using the Extract 
function is to highlight the object 
edge. Draw around it with the Highlighter 
pen, and use the Eraser to correct any 
mistakes - there’s no undo here. 
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Using the Paint Bucket tool, 


select the area you want to keep. 


This has to be a closed area, so the 
highlight must join or overlap the edge 
of the image. If the shape is complex, 
you may need to fill multiple areas. 


his is the second time Computer 
“Arts has run a Special Edition on 
Photoshop. lf you want to learn even 
more about using the program than 
is provided in this copy, you can order 
the first Photoshop Special by looking 
at our back issues offer on page 22. In 
that issue you'll find tutorials on: 


Using Version 5 
Menus and Palettes 
Selecting 
Rubber Stamp Tool 
Re-sizing 
Blurring 

» Colouring black & white 
Colour-correction 

» Adjustment layers 

» Making edges 

» Photo-manipulation 

» Drop shadows & glows 
3D relief 
3D techniques 
3D textures 

» Metal effects 
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Order our first Photoshop special for 
£6 by calling 01458 271108. 


The Preview button enables you 
to see the result. You can go back 

and change the highlight if the results 
aren’t satisfactory, feather the edge 
slightly with the Smooth slider, and 
preview the extraction against other 
colours. Generally the results are fine, 
but as you can see here there are errors 
at some edges. 
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Feast on a showcase of Photoshop art from A. 
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the Internet, but a bigger 

improvement is seen in the number of 
Web-ready file formats Photoshop now 
supports. The Save for the Web 
command gives you the power to save 
files in JPEG, GIF, PNG-8 or PNG-24 
formats. The process is far more 
involving than just choosing a format, 
however. Quality sliders give the user 
complete control over the level of 
compression used, even within the 
various file formats. 

Pull a slider lower when preparing 
a JPEG and you'll get a blockier image, 
but a faster download time. 
Comparisons can be displayed in 
either the 2 Up or 4 Up dialogue boxes, 


wherein you can preview and play with 
either two or four versions of your 
graphic respectively. Photoshop will 
give you the likely download times for 
the image with 14.4, 28.8 and 56kbps 
modems, along with the file size. 

The PNG-8 and PNG-24 formats 
can provide better image quality than is 
afforded in GIF files, depending on the 
image, but this is at the expense of 
larger file sizes. They're formats used 
in Macromedia's Fireworks package 
which Photoshop in its new form is 
going up against. 

GIF saving offers similar flexibility. 
Here you have a 256-colour palette to 
work with, but can pare down the 
palette if you wish. Photoshop offers 
some help in this regard, with Web 
Safe, Adaptive and Perceptual options, 
on top of a menu for you to cut the 
colour crop by hand. Various types of 
dithering are also offered, and 
although it's nothing to write home 


é 


Oo Waves (above) 
J 


onathan Pace t 01926 771 488 


about, you can preview your final image 
in your preferred browser. 


General maintenance 


Along with the array of enhancements 
for the on-line age, Adobe has done a 
few interesting things with 
Photoshop's other features. However, 
it's widely argued that if you design 
solely for print there's not enough here 
to justify the upgrade. Whereas 
Photoshop 5 roared like a lion with its 
Free Transform Path, Gradient Tool, 
spot colour channels, grouped Action 
sets, measure tool, linked layers etc, 
Photoshop 5.5's more likely to squeak 
like an adolescent marmoset. The 
improvements may be gregarious but 
they're by no means killer. 

Most notable are the 
improvements in masking. The Extract 
Image function works via a dialogue 
box and can be used for doing some 


Based in Warwickshire, Jonathan Pace is 17 and just breaking into the design industry. He 


began working in digital art on a PC using /magine and PhotoPaint, before moving on to 


Photoshop. He currently creates his images in Photoshop 4 


Poser as well. According to Pace, Waves v 
works he’s c 
begana 
year Media Studies cour 
“I’ve found a new kind of free 
conventional techniques w 


created to be ple 


casionally using Painter and 
ing on the eye, though other 


eated have the aim of expressing his comments about the world we live in. It 

an and has been digitally progressed to its final abstract form. He’s busy on a two 
also does work placements with graphic design companies. 
om within the computer art medium not possible using 

1 led me to pursue this art form,” he says. 


very complex cut-outs. You can set a 
brush size and then draw around an 
area you want to cut out with the 
Highlighter tool. The bigger your brush, 
the more translucent the edges of the 
object you're cutting out become. 
Careful use of the Fill tool can define 
your background and how this interacts 
with the edges of your object. Once 
you've got your object selected you can 
preview it and choose a background. It 
saves cutting objects out by drawing 
paths around them. 

The Magic Eraser combines the 
Magic Wand and Eraser tool and is for 
finer work. You can set the tolerance 
for what's selected just like with the 
Wand. You have the option of selecting 
contiguous or non-contiguous areas of 
the same tone which makes separating 
something from a stark background a 
little easier. Just click in the area 
you've picked up and it will disappear, 
becoming transparent on the layer. The 


Background Eraser is another deletion 
tool that works a little like a brush. 
Using a crosshair you can sample pixel 
colours within a certain range and 
erase them, sweeping up to the edges 
of objects you want to remain in the 
picture without deleting them. This can 
serve to decontaminate soft edges of 
stray pixels of the wrong colour. Again 
you can choose between contiguous 
and non-contiguous options. 


Automatic for the people 


Under the Automate menu is a 
new Picture Package option which 
enables you to fit the same image onto 
a page several times over, at various 
sizes. It's similar to the Contact Sheet 
Automation command. Speaking of 
automation, there are new sets of 
Actions in Photoshop 5.5 including 
Frames, Buttons, Text Effects and 
textures. Another automatic function is 
Auto Contrast which is found via the 


Image>Adjust menu. All we can really 
say about this is that it will intelligently 
adjust the contrast for you. The results 
are usually fine, though as always with 
automatic functions you have the 
manual controls to fall back on if 
you're not satisfied. 

And let's not overlook the slight 
tweaks Adobe has treated us to with 
the Text tool. Now you have the option 
to add Faux Bold, Faux Italic and 
Underline to fonts even if they don't 
contain these styles already. A menu of 
Antialiasing types has been added as 
well, with choices including None, 
Crisp, Strong and Smooth. 

Lastly, there's the Art History 
brush. Using this you can work on a 
snapshot of your image and turn it into 
something similar to what can be 
produced with Painter. There's a whole i 
array of brush stroke types to get to 
grips with, and you can also vary if 
the volume of pixels affected by 


Untitled (top & above) 
~ Katy Nardoni t 01708 401 931 


These two untitled images began life as a set of scanned photographs, bits of text and 
textures. Artist Katy Nardoni then used Photoshop’s multiple layers to vary the hue and 
saturation, and opacity of the various objects. Feathering and erasing techniques were 
applied, as well as some filters. The brief was to illustrate titles for a film version of Kafka’s 


Metamorphosis. 


Nardoni began studying traditional methods of fine art before discovering Photoshop. 


The images above are from her first collection of Photoshop graphics. The artist is now aiming 
to set out as a freelance illustrator using Photoshop. She enjoys its flexibility as an art tool and 


believes this helps artists meet their client’s brief. 


Persona 2 (ier) Architecture (rignt) 
Gareth Wyld #07977 619 011 


Gareth Wyld uses both Macs and PCs to indulge his passion for Photoshop. Persona 2 isa 
work of personal expression using Photoshop 5. The stormy darkness in the top left represents 
the explosion of thoughts and ideas which can conflict within us as we gain experience and 
education. Wyld used numberous layers and alpha adjustment channels to achieve the final 
image. The second image, Architecture, is a simpler composition using gradient filters on the 
waves and cut-outs of a church dome and a statue. The original pictures were taken in Paris, 
and the statue itself was found at the Musée d’Orsay. The hardest thing to do within this 
picture was to choose and place the images in a pleasing composition. Gareth Wyld is 18 years 
old and currently working on an HND in Graphic Communication. 
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photoshop 5.5 


(@) photoshop special... 


i 
“a 55 your strokes and the opacity and 


fidelity of your work. It's a tool that 
needs quite a bit of fine tuning and is 
more suited to working with large 
images. Users will generally end up 
turning photographs into impressionist- 
style digital paintings. 


Where to go 


ls Photoshop 5.5 an essential 
upgrade? Well many designers are still 
hesitant about upgrading. If you're a 
Photoshop devotee and you design for 
both print and the Web the program 
certainly makes a great deal of sense. 
It's already number one for producing 


“Is Photoshop 5.5 an essential upgrade? 
Many designers are still hesitant about 
upgrading, but if you design for both print and 
the Web the program makes a lot of sense” 


graphics for print, and with the 
inclusion of ImageReady 2 it's a great 
proposition for any designer wanting to 
produce Web graphics the Photoshop 
way. ImageReady 2 itself is a massive 
improvement over ImageReady 1. 

The improved masking and erasing 
tools in Photoshop 5.5 are a big help if 
you're often faced with the task of 
cutting out lots of objects, and there 
are a few other nice additions and 
tweaks. However print designers are 
cool on the new version. There just 
isn't quite enough new stuff to grab 
their attention. Having said that, Adobe 
claims sales of 5.5 are impressive. 
Furthermore, it has reported a record 
operating profit for the third quarter of 
1999 of $72 million. 

We'll leave you to make of that 
little fact what you will. It's time for us 
to get on with showing you how to 
make the most of Photoshop and 
ImageReady 2... GS 


| Verdict 


QAO 


omputer Arts magazine reviewed 

Photoshop 5.5 on release back in 
issue 36. If you wish to read the review 
but you don't have a copy, you can get 
one by calling our back issues hotline on 
01458 271 108. In the meantime, here's 
how the application scored... 


Speed: @@BQ2 
for money: QGae® 


of use 


cumentation @@@Qea 


For: Better Web-oriented tools > 
Bundled with ImageReady 2 » New 
image extractionferaser tools » Still the 
standard for 2D graphics at all levels 
Against: Some tools better in Image 
Ready than Photoshop » Not an exciting 
release for Photoshop professionals 


Untitled ana Skirt (top and above) 
" Daniel Featherstone e beeboyo@aol.com 


Although Daniel was born in Dorset, he’s been living in the USA for the last five years. It was 
this Stateside move which introduced him to the Mac and Photoshop. “| had no previous 
experience with computers, and my artistic skills came solely from my devious graffiti days,” 
he says. Daniel and his partner-in-crime, Wayne Bilton, produced their own abstract graffiti 
which they named ‘Fusions’. “Ten years later, and I’ve translated this style into something 

less aggressive, but just as expressive,” he comments. Daniel thinks he would struggle with 
traditional paint techniques, but that this doesn’t detract from computer art —a medium that 
“should be appreciated as any other art form”. Nevertheless, Daniel does like to uses sketches 
and photography in his compositions, because they lend an organic air to the end result. 
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Romeo & Juliet (ier) Dollshouse (ign) 
~ Chris Mounsey Devil’s Kitchen Design ¢ 0370 825 483 


Romeo & Juliet is one of Chris Mounsey’s favourite works. It was created for the Bedlam 
Theatre in Edinburgh, where Mounsey and the Devil’s Kitchen Design collective are based. The 
characters in the image were acting in the play, and the poster itself was designed to work 
against the common preconception that Shakespeare is boring. A photo of a Celtic-style grave 


fades in over the main character’s hair. 


Dollhouse (for the play of the same name by Henrik Ibsen) was also a job for the Bedlam 
Theatre. The image was created in two day and the flowers all came from a bunch held by the 
actress in the original image. Chris Mounsey is 22 and works on a Power Macintosh. One day 
he hopes to see Devil’s Kitchen become a full advertising and design company. 


Forget megahertz. 
We're talking gigatlops. 


Presenting the new Power Mac G4. With its revolutionary G4 processor, this is the first personal 


computer capable of over one billion calculations per second — one "gigaflop" as it's known in 
supercomputer circles. Using a set of Intel’s own tests, the 450MHz G4 chip is 2.65 times faster than the 600MHz 
Pentium III processor” See the world’s first desktop supercomputer at www.apple.com/uk. 4 Think different. 


0870 6077660 


*in CPU and Photoshop tests. ©1999 Apple Computer, Inc. All rights reserved. The Apple logo is a trademark of Apple Computer, Inc., registered in the US and other countries. Power Mac, Think different, 
and Velocity Engine are trademarks of Apple Computer, Inc. Pentium is a registered trademark of Intel Corporation. 
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image and tutorial: David Newton @ david@newtonart.demon.co.uk 


cover tutorial 


Create our 


using new 5.5 features 


LEARN HOW TO MAKE THE 
FANTASTIC IMAGE FROM 
OUR COVER STEP-BY- 
STEP. ALL THE FILES YOU 
NEED ARE ON OUR CD, SO 
HERE’S THE KNOW-HOW 


henever a Photoshop upgrade 
is released, many users 
feel the need to upgrade. 
wy Because it’s basically a 
Web edition, Photoshop 5.5 may seem 
a different story and many who use the 
program for illustration work will be 
happy with version 5. 
We’ve designed this tutorial with 
version 5.5 in mind, and used some of 


the new tools. However you don’t need 
Photoshop 5.5 to complete the tutorial. 
In fact, you can use the demo of 
version 5 on our cover CD. If you do 
happen to be using an older version of 
the program, you can use the Magic 
Wand and Delete key wherever the 
Magic Eraser pops up, and you may 
find it quicker to use layer masks 
instead of the new Extract tool. 

Basically, we'll show you the tools 
and functions we like in Photoshop 5.5, 
but the new release has few benefits 
over version 5 for the illustrator. We 
also realise that there are usually 
several different ways of achieving 
things in Photoshop and we’d welcome 
you to go ‘off-road’ as it were and 
introduce your own images, use colours 
you like, or add new elements to the 
picture as you wish. 
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sho i cover tutorial 
ail taciesatet sitet steers iNet ae Rl 


Background image 


First we’ll set the stage with those all-important discs 


In the Hue/Saturation box, click on Colorize 
and move the sliders to approximately these 


Open the picture of the girl - it’s in the Create 


The Cover Image folder in the Tutorials section of settings (feel free to experiment). Basically the image 
our CD. Create a rectangular marquee around her face. Rotate the face slightly and enlarge it to fill should be darkened slightly, as it is going to be the 
Create a new file and drag this selection on to it. . the canvas area. Flatten this image. background for other images to stand out against. 


ee 


(1 Make a copy of the girl picture as we will need Select with the oblong tool a generous section 

the original again later. Increase the canvas size “= «of the girl’s hair and shoulder and press 

(using white as the background colour) to about 25cm Command-J to make this selection into a new layer. Slightly rotate the layer and position it to line 
across. Basically give yourself enough space so you Flip this layer horizontally (Edit > Transform > Flip up with the rest of the girl’s features. It’s 

can complete the right hand side of the picture. Horizontal). probably best to line it up with the shoulder. 


When you’ve gone all the way around (more 
Y 6straightforward areas like the shoulders can be 
done quickly with a larger brush) select the Paint 


Bucket tool and click inside the green line to fill the f And here's the result. There will inevitably be a 

whole area - there’s a choice of colours to fill with! bit of touching up to do around those wispy bits, al Now create a more dramatic look by altering 
Then click Preview to see the result. This will take a but don’t worry too much: for this picture a slightly the Levels (Image > Adjust > Levels). This 
while to happen (it’s not really a preview, the computer ragged, torn look is fine for the effects that we're intensifies the dark and light areas and removes dull 
is actually doing it). about to do. middle tones. 
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a 
cover tutorial Y' photoshop special op 


ckground.psd @ 12 
See pe 


Co. Now zoom into the image in order to get a good Co. Duplicate this black disc over and over (go to 
view of one of the squares. Create a new layer Select All and duplicate each block of discs to 
and, using the elliptical marquee set onto Constrained _—_ double itself each time). You must make absolutely 


Co. Go to Filter > Pixelate > Mosaic and use the Aspect Ratio, create a circular marquee that sits sure that the discs remain exactly inside the squares. 
maximum setting (64 pixels square) to achieve exactly inside the square, touching all sides. Fill this If you are even one pixel out, the resulting effect will 
this effect. marquee with black. be lost. 


Zoom into the picture using the magnifying 
glass, we want to get a good view of the tricky 
hair area. Select the Edge Highlighter tool (at top left 
of the box) and, selecting a suitably thinnish brush 
size, draw around the edge of the hair. The idea is to 


Co. Erase the top layer away with a soft brush so Now we need to extract the girl from the draw a line that overlaps both hair and white 

that a natural, smooth transition is achieved. background and Photoshop 5.5 gives us a brand background. If there is an area of white enclosed on all 
Merge the layers and touch up any areas still not new way to do this. Appropriately enough it’s with the sides by hair and you've gone over it all with the green 
looking quite right (the shoulder skin tones for Extract feature. Go Image > Extract and this large box marker, erase a bit of the green above the white, or 
example). Do this with the clone tool. will appear. that background area won't be removed. 


as ‘ 
Deckerounuave ® 17% Gaver |co9y 2EGB/ONN) 


Levels: | Lal 


Preview 


Le sae 1p 


Drag the newly posterized girl on to the 
background image. Duplicate her layer (drag the 


o. Make sure Preserve Transparency is ticked in 
the layers dialogue box and then apply a 


Gaussian Blur to the girl. We’ve done it at 13 pixels, but 2 Now Posterize layer down onto the folded-paper icon at the bottom of 
this is a really good time to experiment, as the next the picture (Image > _ the dialogue box), preserve transparency and fill with 
step of Posterizing the girl can produce wildly eae Adjust > Posterize) and black. Make sure this layer sits behind the girl, reduce 
differing effects depending on how blurred the image again, have fun trying out opacity to, say 40 per cent, unclick Preserve 

is. As you can see, preserving the transparent areas @, Colorize the the various effects that Transparency and blur with Gaussian Blur to give a 
means that there’s a nice sharp line around the edge of image to a nice different settings realistic shadow effect. Move it to one side of the girl 
the girl and all our hard work with the Extract tool has blue or whatever colour produce. We've used and copy this layer to give another shadow the other 
paid off! you fancy. Level 7 here. side if you want. 
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cover tutorial 


Adding the final touches to our background image. 


Your raw materials 


Thanks to its fantastic range of tools, it’s not uncommon for artists today to work from 


r This is how 
“it should look 
once you've filled the 
whole area. 


y Merge the two 
™ layers and 

duplicate the resulting 
layer. Select the 
background layer and 
click Preserve 
Transparency in the 
Layers dialogue box. 
Then fill this layer with 
black. It will only fill 
where there are pixels, 
not the empty space 
around them. Then drag 
this black layer down a 
bit to give the top layer a 
more 3D look. 


scratch within Photoshop. However, most of the time having good, original 
starting images is a big help. You'll find the following files in the Tutorials 
folder on our cover CD, inside the Create the Cover Image directory... 


ss 


{ The photograph of our cover model was taken 
“during a photoshoot some months ago. This 
particular picture was chosen because the model 
makes strong visual contact with the viewer, while her 
fair hair was also ideal for use with the filters used in 
Photoshop to Posterize the image. 
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Believe it or not, this is a a real butterfly. It 
‘ died in America some years ago and was 
scanned by our tutorial’s author. It was chosen to add 
a touch of originality to the image. In the past he’s 
scanned in pigeons, and an octopus. (No animals were 
harmed in the creation of this magazine.) 


Then double-click 
‘ on the background 
layer in the layers 
dialogue box, it will 
automatically call itself 
Layer 0. Click OK. Now 
move Layer 0 to above 
Layer 1 (the black discs 
layer) in the dialogue box, 
hold down the Alt key and 
click on the line between 
the two layers. What 
happens is that the 
background layer only 
appears where the discs 
layer is, so all the squares 
now become circles. 


Flatten the image 

so that you see 
white in the spaces 
between the discs. 


Stage th 


cover tutorial 


: the butterfly wings ‘lens’ 


Our cover image is really beginning to take flight... 


Go back to the original picture of the girl and 
create a circular marquee around one of her 
eyes. Command-J this area to make it a separate layer 
and Stroke it at about 16 pixels (Stroke the centre). 


Lasso one of the butterfly’s lower wings and 
drag it onto the eye picture. Position it beneath 
the eye layer, rotate it and scale it down. At this point 
we have also readjusted the Levels of the eye to give a 
more attractive look. 


Brit ase @ 50. Chayer 2RCAMYK) 


oOo Now recolour the butterfly’s wings. 


Either delete the background or drag the eye to 
™ §@anew canvas. Enlarge the eye slightly and draw 
two rings - one inside, one outside the original ring. 
These are done on new layers each, stroked at about 
10 and 6 pixels, and then repositioned to sit right. 
Merge these layers (but don’t flatten the image). 


GN. 936 © We Gaver IKON 


Co. Duplicate the wing layer, rotate it by 180° and 
: position it opposite the other one. Then merge 
these two layers. 


Co. Duplicate, rotate and shrink the wings layer so 
that the wing tips of the new, smaller layer are 
clearly visible in the spaces between the larger wings. 
Position the smaller ring of wings behind the eye but in 
front of the larger wings. Recolour this layer to a 
lighter blue so that it stands out a bit more, then merge 
all the layers together. 


Go to the butterfly file (the butterfly was 

" scanned on a normal scanner) and select the new 
Magic Eraser tool in the toolbar (the eraser icon on the 
far right). Double click on the icon to access its 
dialogue box and put the settings to Tolerance 20, Use 
All Layers ticked, Anti Aliased ticked but keep 
Contiguous unticked. We want to get rid of all the 
white background, but with Contiguous selected, any 
enclosed areas of white (such as where the antenna 
meets the wing) would need to be selected separately. 
With it unticked though, one click of the Magic Eraser 
on the background and it all disappears! 


lo Duplicate this new layer, rotate it by 90° and 

. merge the two again. Repeat this action, except 
this time rotate the layer by 45° (Edit > Transform > 
Numeric). Merge the layers one last time and delete/ 
erase any stray parts that fall inside the two outer 


f Drag the butterfly ‘lens’ on to the main picture 
% and then create two duplicates of it (you want 
three ‘lenses’ in the picture). Enlarge one and shrink 
two to size. The only requirement is that the eye in the 
middle lens ought to be the same size as the girl’s eye 
behind it. 
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«~) photoshop oiiad® cover tutorial 


Stage four: The soft star 


Going interstellar to complete our cover image. 


Co. Create a new (Grayscale) file of, say half the 
size of the main picture and create a vertically 
elongated ellipse on a new layer. Fill the marquee 
with black. 


Co. Now we need to delete certain parts of each 
ellipse. Start by erasing one end of each one. To 
make it easier, look at the top of the vertical ellipse 
and, going clockwise, erase the top of the one next to 
it, where the ellipse extends out beyond the lines it 
crosses over. Move round the star in this fashion, 
erasing every alternate tip you come to. You should 
end up with this image and the star is a lot easier to 


oOo And this is the image you should end up with. 
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bottom. Line it up so it’s all nice and symmetrical and 
delete the inside section. 


Now erase those cross shapes that you can 
see inside the ‘points’ of the star. You will have to 
keep flipping between layers to achieve this. It can be 
hard to work out which one is which! The result should 
look like this. 


Drag the soft star onto the main image. Shrink 
it, colorize it to a suitable colour and position it 
over the middle butterfly ‘lens’ so that it sits nicely 
around the middle black ring. Duplicate this layer, fill it 
with white (click Preserve Transparency first), shrink it 
and place it over the largest eye to resemble a light 
reflection. 


SoS. Copy this layer and rotate it in the Numeric 
dialogue box (see stage 3 step 6) by 72°. Copy 
the new layer and flip it horizontally. Then go back to 
the first layer, copy it again and this time rotate it by 
144°. Finally copy this latest layer and flip it 
horizontally to achieve this arrangement of five 
ellipses. The star is in there... somewhere! 


Now comes the really tricky bit, removing part 
of the remaining crossover lines. If you are 

confident and have a steady hand it’s possible to do 
this just with the eraser, but this is also where Paths 
come in handy if you can use them. Basically you need 
to remove the lines up to the point where they meet 
and leave a nice slight point. Don’t worry too much if 
you just can’t make it look perfect, the star shape is 
going to be reduced quite a bit soon. 


Create rings the same colour as the soft star in 

the large and small lenses (make new layers for 
each of them and Stroke a circular marquee at 
different widths). Then with the line tool drag lines of 
about 8 pixels wide from the star outwards. The lines 
should hit the purple rings of the other lenses at their 
nearest points, so you may need to reposition them for 
this to happen. 


This action packed bundle includes Ir 


PhotoGraphics, PhotoFrame, and 
as well as the Photoshop 5.5 u 
Get everything you need to tut 
for the Web, print and multime 
productivity and expand your 


Put your fonts in order 
and put your focus on 
creativity. The best-selling 
font manager in the world 
is a full set of powerful 
tools-and it’s easy to use! 
Extensis Suitcase 8 is 
packed with exclusive, 
automated features that 
make it easier than ever to 
manage your fonts, and 
Suitcase Server* helps 
workgroups who are 
operating in font 
harmony. 


*Server version available separately 


To order, please call your local computer reseller or any one of these national outlets. 
0800 181332 
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O1159 165566 0171 383 2727 


The Intelli 
igent Visual 


0800 838839 


for Creative 


Portfolio 4.0 lets individuals, 
workgroups* or enterprises 
manage digital assets in visual 
catalogues. Its new client/server 
capabilities provide fully scalable 
asset management for enterprises. 
Advanced features include 
scripting for unlimited 
automation and workflow 
integration, publishing catalogues 
on the Web, slideshows and 
importing fields from other 
databases. 


*Server version available separately 


Proudly distributed in the UK by 


Part of the Tech Data/Computer 2000 10 Group 
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Computer Arts Photoshop Special — 


100 pages dedicated to Photoshop. 
Includes 125 tips for all Photoshop users, 
plus 16 complete tutorials covering Menus 
and Palettes, Selecting, the Rubber Stamp, 
Re-sizing, Blurring, Colouring B&W images, 
Colour-correction, Adjustment layers, 


Edges, Photo-manipulation, Drop-shadows, 


3D techniques, Texture-mapping and Metal 
Effects. 

CD Mac and PC demo of Photoshop 5, 
plus demos of the 10 best Photoshop 
plug-ins and support files for all the 
tutorial articles. 


Re-printed due 
to demand! 


computer 
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Computer Arts 3D Special — 

The definitive guide to mastering 3D, 
including 200 essential tips for every 3D 
designer, and 10 complete tutorials, 

which you can tackled in many applications 
on any platform. There’s also a 
comprehensive 3D software Buyer’s 

Guide, plus book reviews, online 

resources and more. 

CD FREE fully-working software: Strata 
Vision3D 4 (Mac), trueSpace 2 (PC). Plus 
Cinema 4D GO! (fully-working for 90 days), 
Amapi 4 (fully-working for 60 days), loads 
of software demos - and £2420's-worth 
of Viewpoint wireframe models FREE! 


Hurry, while 
stocks last! 
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Computer Arts 3D Special — 

Want to get yourself on the Webafhis 
Special tells you exactly how. Ge™@srips 
with Dreamweaver 2, learn hdgre@rks 2 
can optimise your Web imgg@@, Gale uncover 
Flash 3's awesome powef@Mnany 

more techniques for c@fO™@mparettes, 
graphics compr@gsion Sgegation and 
layout, and morg 

CD 30-day s@iaare: Dreamweaver 2, 
Flash 3, Fi@ieg 2, Beyond Press 4, 
Home P&ie@® NetObjects Fusion, 
IMagepgerrrageMill 3, PhotoTools 3, 
Visudieage (all dual). Plus demos, Web 
links, resources and more! 


You’ve missed it! 


art 


Computer Arts Digital Video Special — 


The revolution is here! From the 
inspiration to the premiere, everything you 
need to know about desktop film-making 
for broadcast, multimedia and the Web. 
Master the basics of Adobe Premiere, add 
dazzling special effects and discover the 
benefits of paint* and effect*. 

CD 30-day full software: Premiere 5, After 
Effects 4, Commotion 2, paint*2, effect* 
2, Media Cleaner Pro 4, MediaPaint (all 
dual). Plus showreels from Mirashade, 
Rushes and Abbey Road Interactive, Adobe 
After Effects tour and Artbeats sampler. 


Available now! 
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3D rendering tutorial — Digi- 
animation pt3 — 3D Studio MAXR3_ — Digi-animation pt4 - 


Issue 35 - 
Photoshop and ImageReady tutorial 


Issue 36 — 

Director 7 demo and walkthrough, 
Photoshop compositing and 
Website design. CD Mask Pro 1.0 


Issue 37 — 

175 Web tips, CA star awards, 
Photoshop blurring and Electric 
Image 3D 2.9 review. CD Bryce 4 


Issue 38 — 

Bryce 4, Photoshop lighting, 3D 
text effects tutorials, plus InDesign 
review. CD Bryce 4, GoLive 4 


Call the hotline: t +44 (0)1458 271 108 or 


review.CD Vistapro, Satori PhotoXL | Maya 2 review.€D Director 7 
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Design Special is now 
sold out too, and 


thing you can dois 
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Cut out or photocopy and return this coupon 
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DESIGN AND PUBLISH 
SPECTACULAR GRAPHICS 
FOR THE INTERNET USING 
IMAGEREADY 2 AND 
WHAT’S MORE, IT’S JUST 


LIKE PHOTOSHOP... 


f you've given Photoshop 5.5 
the once over, or read much of 
this Special, you may be 

f wondering what on earth 
ImageReady is for. Web graphics. 
That's all very well, but doesn’t 
Photoshop, the king of graphics 
software, stow a fantastically friendly 
and functional Save for Web command 
in its File menu — complete with GIF and 


Getting the best from 


iniage 


we show you how! 


JPEG options? So what more could a 
Web graphics application offer? 

Truth be told, not a lot if all you 
want to do is knock out a few snappy 
buttons, or maybe shave the odd byte 
off your latest graphic for posting to the 
Web. If quick and easy is your 
business, then you'd probably be 
better off sticking with Photoshop. It’s 
great, you know it and you love it. 


The ultimate art 


But in many cases quick and easy 
couldn’t be further from appropriate. 
After all, this is the Web we're talking 
about — a designer’s single most 
accessible publicity and distribution 
tool to date. Where else can anyone 
post a picture for free and have 2000 
people see it in two weeks flat, no 


ImageReady Leer special Cp 


BD LIOTTA AYR PIS 


Export checklist Preparing and exporting graphics wo 


Preparing and exporting graphics for the Web is no menial two-minute task 


@ Check your imagemap URLs, and 
that you've called the imagemap 


layer something useful —-the name 
appears as a tooltip in-browser. 


spill into neighbouring slices — or a 
graphic has to load an extra image too. 


@ Check you've set timing for your 


animations in the Frame drop- 


eo Check your slices aren't mis-aligned downs. 


or overlapping, which creates more 


files than you want. 


(3) Slice empty parts of your image 
and put No Image there. The cell 


colour will be the same as your HTML 
background colour, or you can choose 
one from the Colour drop-down. 


you want to tweak the HTML you'd 


best give them names you can 
remember. 


cs) Double check your URLs. 


Check the Target window or frame 


for your links. 


Put some words in the Message box 


(appears in the Status bar in the 
browser) and/or Alt box (appears as a 
pop-up tooltip). Don’t waste the 
opportunity to give info about a link! 


cs) Check you've created each state for 
yout rollovers — it’s easy to forget if 


you have lots. 


@ Check you've sliced as close around 


your animation as possible, to save 
file size. 


@ Check Optimise Animation via 


Animation palette drop down. 


. C4) Select File>Image Info... to put the 
© Check the names of your slices — if name of your page for the browser 
title bar and search engines. 


o Select File» HTML Background...to 


set the background colour or image 
tile that your graphic will appear on in- 
browser. 


@ Check compression for each 


individual slice is the best it can be, 
rather than just use same default for the 
entire image. Be sure it works for all 
rollover states. 


@ Unlink ImageReady slices (via the 


Slice palette drop-down) into User 
slices, so you can apply specific 
compression settings to them. 


Check ‘No Dither’ on GIFs rather 


(2) Check your slices aren't larger than ® than leaving them at o per cent 


they need to be around rollovers. 


dither - it’s ‘cheaper’. 


2) Check that rollover graphics don’t © If you're using transparency ina GIF, 


trouble? The church hall? And you can 
actually make your graphics do 
something exciting, rather than just be. 
Get to grips with Web graphics and you 
can have things flashing and bleeping 
all over the place — all with the 
advanced and fascinating interactive 
precision of a pinball machine. It’s 
worth taking the time. 

So if the word ‘Web’ draws 
spasms of anticipation the length of 
your spine, rather than sultry tones of 
crazed indifference, then you'll be 
pining for more than Photoshop before 


Get) interface of some derivation that 
fails to show you anything like what you 
really get. It’s already an impending 
disaster, yet if you want to do 
something even vaguely flashy you're 
going to have to start making friends 
with JavaScript. Bravery or 
masochism? Who can say? 

Hit your ImageReady icon from the 
Photoshop toolbar, however, and 
you're half way there already. Why? 
Because it’s exactly like Photoshop. 


check you've set matte to the 

background colour it'll be on, for 
seamless anti-aliasing. * 02 
@ JPEGs don’t support transparency, 


want transparent pixels to be. 


@ Check Interlace (GIF) and 


@ Check your image looks okay with 


»o1 

Open your page and check: colours, 
line-ups, rolls, tooltips, status bar 
messages, links, title bar. 


Open the image folder and check: 
total size of all files for page, no 
redundant images, no odd image 
suggesting gaps between or 
overlapping slices, no files look 
surprisingly big, no extra state files 
for slices that shouldn't roll. 


so set JPEG matte for the colour you 


Progressive (JPEG) if you want the 


image to display as it loads. 


» 03 
To use your page as it is, add <META> 


256 colours and on both Windows and <BODY> tags. Or open itina 


and Mac platforms. WYSIWYG application and copy it into 
your page template. 
e@ Check the folder you're sending 
images to is empty — you don’t want ihc a 
to be sorting old GIFs and JPEGs out that Send via ftp to Web. 


aren’t in the Web page. 


24) Preview in browsers, check, then hit 


Save Optimised! 


Firetrap’s brilliant Website - proof 
positive that you can design great Web 
pages almost entirely of graphics. 
Experience it at www.firetrap.co.uk 


WYSIWYG layouts are out, pixel-fine 
image tools are in, and you've got an 
interface and working method you 
know and love. In fact, it’s so similar, 
you might not even notice the 
difference but for a Menu named 
Slices and a palette named Rollover. 
Use ImageReady 2 and you never 
need think about HTML again. You see, 
you can layout an entire page in the 
program just as you would in 
Photoshop then, staying in 


“Where else can anyone post a picture for free 
and have 2000 people see it in two weeks flat, 
no trouble? The church hall? And with 
ImageReady 2, you can make your graphics 
do something exciting, rather than just be” 


you get even a byte down your ftp. For 
start, you're going to have to export all 
your graphics and mess about 
reassembling them in some tricky 
HTML fashion with a bunch of stubborn 
tables, probably slaving over a 
WYSIWYG (What You See Is What You 
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ImageReady, slice the whole thing up 
and add your links, pop-up tooltips and 
status bar messages. Stay a while 
longer and you can apply a few flashy 
rollovers and image swaps, auto- 
animate the MouseOver state of your 
favourite button, and give every section 
of the page its own personalised, 
perfect compression setting. 

Set a table cell to No Image and 
you can put some text in there - even 
copy in a hot JavaScript off the Web. 
Then set you background colour and 
page title, check it'll look fine on Macs 
and PCs and with 256-colour monitors, 
and finally fire the whole thing off. Out 
comes your Web page, complete with 
graphics files reassembled with pixel 
precision in your browser, and ready to 
shoot down the ftp to your Web server. 
It’s a dream, you're in control all the 
way, and you don’t actually have to 
learn that much. Just read the rest of 
this article. 


Slice ‘n’ roll 


If you haven't run ImageReady 2, open 
it now and have a dig around. Pretty 
familiar, huh? No CMYK and that — 
we're designing just for screen, 
remember — a few more palettes for 
that tricky Web stuff, and two 
unfamiliar tools. You'll become best of 
friends with these. The once that looks 
like a scalpel is your Slice tool, the one 
next to it is your Slice Selector. Slices 
are the key to flashy Web graphics — 
cut a piece of an image out, and you 
can make it do almost anything in 
response to a mouse action. 

So make a picture — a large one, 
with buttons ideally — flatten it, cut it 
up, hit Save Optimised, make sure 
Save HTML is checked, and save. Then 
find the HTML file, open it in your 
favourite browser, and you'll see 
nothing that looks like a cut-up image. 
It’s all held together with tables and 


‘mage Li 


Web graphics 


Design 
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"Eompression 


Auto HTML 


html 
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ImageReady’s interface should look familiar. So why aren’t its extra tools in 


Photoshop? Speed, perhaps. 


you can open the page in FrontPage 
Express, Netscape Composer or 
something similar and see how. 

Now go back, select a slice with 
your Slice selector, find your Slice 
palette and tap any working link into 
the URL box. Choose _blank from the 
target drop-down, write yourself a 
message in the Message box (‘Hello 
me’ will do), and put something 
interesting in the Alt box. Save 
Optimised again, reload the page, and 
run your mouse over the part of the 
image where you made the slice. Look 
at the Status bar at the bottom of your 
window (Hello me) and hold your 
mouse for a moment over the link. If 
your setup supports tooltips, you'll see 
your Alt box text pop up. If you don’t, 
take pride in the fact that at least 
some of your visitors will. 

Next go back again, select your 
slice and find your Rollover palette. Hit 
the little New State icon (it looks like 


“If you haven’t run ImageReady 2, open it and 
have a dig around. Pretty familiar, huh? No 
CMYK — we’re designing for the Web now” 


ImageReady’s Animation palette. The drop-down offers tweening and animation-specific 
Optimisation options. 
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“Compression 
Auto HTML 


ImageReady works differently with 
type to Photoshop. Seems no better, 
no worse. 


the New Layer icon), Marquee-select, 
copy and paste the pixels in your slice, 
and amend them for your rollover 
graphic. Save Optimised, reload and 
check out your first ImageReady 2 
rollover. Easy, impressive, not a line of 
code in sight. Just slice and roll your 
day away until you have an amazing 
Web page, and that’s about all there is 
to it. 


Squeeze squeeze 


There is one more thing. Download 
times. That’s the business where you 
have to sit around waiting for half an 
hour while the Web makes up its mind 
if it’s going to actually show you 
something. Here’s where 
ImageReady's second fantastic feature 
comes into play: brilliant compression. 

You can do nowt with pictures on 
the Web without compression, and if 
you want to do lots of pictures, you'll 
need to know a thing or two about how 
it works. 

Rule one: don’t be scared. Rule 


[6] CAWINDOWS \Desktop\auts Spech 05 Photoshop\imageReady feature\web page\imageRead, 


puter 


Web graphics 
Design 
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Animation 
Compression 
Auto HTML 


This is @ No Image slice - 
you can put text, even 
links and so on in here 


Even JavaScript 


The end result of our walkthrough (see below and page 29). The actual Web page is on 


the CD, with the ImageReady PSD file. 


two: don’t get disheartened, even if 
your favourite six-month masterpiece 
comes out looking like a rancid meat 
fest. Rule three: plan your 
compression from the start, and take 
plenty of time over it. Compression 
done well can put world-class graphics 
on even the most archaic of 
computers, and fast. 

What’s fast enough? How long’s a 
piece of string? In short, figure out how 


long your content is worth waiting for — 
accounting for just who you'd like to be 
waiting for it — then take a little off, add 
a little for the future (the Internet's 
getting faster), and settle on 
something that seems okay. A quick 
solution, by the way, is to give your 
visitors something interesting to read 
while your pictures load —- HTML text 
loads fast. 

Now we can talk about GIFs and 


“When compressing, don’t get disheartened, 
even if your favourite six-month masterpiece 
rancid meat fest” 


comes out looking like a 


Interactivity: Slices, links and rollovers 


There are several ways to add interactivity to a graphic. The simplest is to give it a hyperlink 


ImageReady = ae special Oo» 


ie like what ImageReady does, 
give Macromedia Fireworks a 


whizz too —another A-grade Web 
graphics package. It does a similar 
job, but with a vector- rather than 
pixel-oriented approach. It is perhaps 
easier to work with, and offers equal, 
if not better, compression facities — 
but you need to use the Export 
command from the file menu to 
access them, which somewhat 
disrupts workflow. And although it 
does have bitmap tools, these can be 
rather slow. 

Nevertheless, Fireworks’ 
interactivity and text facilities are 
second to none for ease of use, and 
tight intergration withMacromedia’s 
Dreamweaver makes it an attractive 
option if you use that Web authorer. 
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If ImageReady is up your street, why 
not give Fireworks a whirl? 


computer 


al 


= re 
@. To create an image map in ImageReady, put the 

linking part of your graphic - some text, here - on Ce. Select View>Snap to guides, then use your 
a new layer and use your Layer Options palette or 6. To slice an image, first dig out your Slice Slice tool (it looks like a scalpel) to draw the 
dialog to check Use Layer as Image Map. The name of palette and extend it fully, then place guides outline of your slice. Now if you export, ImageReady 
the layer will appear as a tooltip pop-up in-browser, so precisely where you want your slices to be - usually will cut your image into several image files, one being 
give it a name that says something useful for visitors around buttons. The guides will make your life your slice. Draw in the rest of your slices, then Hide 
about the link. much easier. Guides to see how your image will be cut up. 
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JPEGs. Find your Optimisation palette, 
open a photo, hit your Optimised tab 
(near the top), and get aggressive with 
some extreme settings. See how bad 
you can make the photo look, how 
small you can get the file size and how 
much of a dog’s dinner you can make 
of the whole thing first as a JPEG 


|Web graphics 

(focus on the Quality slider), and then wl ‘ Design 
as a GIF (look at the Colors drop-down). & ie F™Interactivity 
Now open an image with solid Sia bP Animation 
colours and not too many gradients, eof -F’Sompression 


and do the same. See the difference? Al | ‘Auto HTML 
GIFs and JPEGs work quite differently. 5 
GIFs reduce colours in the main, and 
you can get massive graphics into tiny 
file sizes, as long as you keep the 
colours down. Remember that a 
gradient, even if you created it using 
just two colours, actually involves a 
large range of tones. In fact, 
theoretically it can contain an infinite 


number. Macromedia’s Fireworks makes for an excellent alternative to ImageReady, taking a 
All JPEGs, on the other hand, have vector approach to Web graphics. It also offers excellent interactivity and compression. 


millions of colours (they’re in the 


graphics code, even if they're not in image, you might be thinking the bit on selected, they'll apply to that slice only. 
the image), but reduce image quality in the left would look best as a GIF, but You can than cut up the rest of your 
tandem with file size. You can get away the right side would compress better image all over again, apply different 
with this on images that don’t have too as a JPEG. This isn’t a problem in compression settings to the different 
many sharp edges — photos are ideal ImageReady 2. Just draw a slice bits, export it all and check it in your 
material. around one of the areas, make sure browser. Now find the file where all the 
So now, find the PSD file you it’s selected, and fiddle with the image files are, tot up their full file 
sliced up before and see how small settings in your Optimisation palette. weight, and consider whether that’s 
you can get its file size. If it’s a large As long as a slice you've drawn is going to be fast enough. 
. ‘ 7 Therein lie the secrets of Web 
“Get aggressive with extreme settings. See compression and interactive graphics - 
all dealt with by ImageReady 2 with no 
how bad you can make your photo look, how trouble at all. There are a few more — 
small you can get the file and how much of a fa gs dope 
é 7 _ = surf the Web for some tips — but in the 
dog’s dinner you can make the whole thing long run, practice makes perfect KEE 


interactivity: continued... 


CS, Now you need to set individual properties for 

your slices in the Slices palette. Use the Slice 

Selector tool to select your slices in turn, giving each a 

sensible name and a link URL if you want. Use Target to CG, To turn a slice into a rollover, select it and find 
y' 


set whether the linked page opens normally (_self), in a our Rollover palette, then hit the New State icon There are several ways to create the edits, but 
new window (_blank), in a different frame if you’re for as many states as you need ~a state being a the easiest by far is to create a new layer for 
using frames, and so on. The Message box below is for response to a mouse or keyboard action. You need to each state of each slice, either modifying or replacing 
text that appears in the broswer status bar when a edit your image for each state, but first specify what the default graphic. Select the slice and state first, 
mouse moves over the link, and the Alt box fora pop-up _ the states are using the drop-downs above your then create a new layer and make your edits. Do this 
tooltip message - make good use of these. preview icons. for each of your slices and states, and you’re away! 


28 | computer arts | photoshop special 


? 
ImageReady 2 |.,.photoshop special oO» 


The Big Crunch: Image Optimisation 


You could hit Optimise, but you’re never going to get the best image quality for download time. Get sophisticated... 


oC. First off, understand how GIFs and JPEGs work. 
All JPEGs have millions of colours, but save 
space by coding pixels into blocks of the same colour. 
The colour count means the format is ideal for photos 
and images with gradients rather than solid colour - 
but the trademark of over-compression is a nasty 
blockiness. 


Co. Select GIF in your optimisation palette and you 
get a different set of options. Focus on the colour 
count with the Colors setting, and try different 
palettes in the box next to it. Check transparency to 
retain transparent areas of your image, and choose a 
Matte for anti-aliasing with transparency. Check 
Interlaced to have your GIF stream and display with 
progressive detail. 


iy 


Animation | —__ 


Rollovers literally swap one image for another, 
so you need a separate image file for each state 
of each rollover. So it’s generally a good idea to keep 
graphics that swap within a confined area, and create 
that as a separate slice. That way viewers don’t have to 
download large image areas that don’t change. 


Settings: [JPEG Medium y & | 
® [res ; =] PM Optimized 


C6. Hit the Optimised tab and select JPEG in your 
Optimisation palette. Use the Quality slider and 
the figures at the bottom of your window to gauge a 
trade-off between file size and image quality, and tick 
Progressive to have your image load progressively in 
the browser. In washy images, you can use Blur to 
overcome blockiness. The results here aren't too hot - 
so lets try a GIF. 


CG. Because you don’t necessarily lose quality in 
GIFs, but reduce colours, you can exploit the 
format to produce small files which still look good. For 
a striking effect, try applying extreme Levels to a high 
colour photo or graphic, then saving it as a GIF with just 
four or eight colours. Depending on content, an eight- 
colour, 700x550 GIF weighs in at about 30K - not bad at 
about six seconds on a 56kbps modem. 


Web graphics 


Design 
Interactivity 


Co. Similarly, if just one part of your graphic is 
animated, then cut that out as a separate slice. 
Also, use Optimise Animation from your Animation 
palette drop-down to squeeze your anim further. 
Remember that you need to export animations in GIF 
format - JPEG doesn’t support it. 


GIFs save in file size by reducing the number of 
colours in an image, so the format’s good for 
graphics with few colours in solid areas - it doesn’t 
have to involve a loss in quality. You can make 
gradients work in GIFs with dithering, but this can 
create huge files. The format also supports 
transparency. 


Web graphics 


= 
lee ease ets 


With a complex graphic, you can often get 
better results by applying different compression 
settings to different areas. To this end, ImageReady 2 
enables you to apply unique settings to each slice - 
just select the slice and use your Optimisation palette. 
Here the slice on the left is a JPEG, and the rest in 
GIF format. 


Ready to export? Hit the Optimise tab and 
make sure you like what you see. Then use 
View>Preview>Browser Dither to check the display on 
256-colour monitors. Happy? Now you can select 
File>Save Optimised. Click Save HTML, then check the 
HTML Options - most importantly that Image Maps is on 


Client-Side - and the Saving Files Options. Then hit 


Save - you’re away! 
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MAKE SURE YOUR WORDS SPEAK WITH A STYLE 
ALL THEIR OWN WITH A LITTLE HELP FROM OUR 


ESSENTIAL PHOTOSHOP TEXT EFFECTS COLLECTION 


aturally, Photoshop is heralded 
as a great tool for both 
photomanipulation and 
straight illustration. 
Although it's nothing like a vector 
drawing package, it goes without saying 
that the program is immensely flexible 
and also proves itself to be a superb 
tool for creating logos and idents. With 
the release of version 5.5 and its new 
features for creating and storing 
graphics for use on the Internet, 
Photoshop is all geared up to become 
the tool of choice for Web designers. 
As a design environment, the Web 
is always hungry for unique logos and 
splash screens, so to accompany the 


a) 


release of the new Web edition of 
Photoshop (with ImageReady 2) we 
have decided to bring you a catalogue 
of quick tutorials on how to create 
detailed and attractive text effects 
using the program. Over the following 
pages we'll show you how to make text 
splashes that can look like everything 
from neon signs to carved wood, and 
from fire to ice. You may not find a 
need for all these text effects straight 
away, but it's a good idea to stash this 
Computer Arts Photoshop Special away 
somewhere for future reference. You 
never know when you'll need to make 
text look chalky, or design an 
embossed metal badge. 


Co. To create a neon effect we’ve used the font AG 
Book rounded because it looks like neon writing 
to start with. We’ve also used Photoshop 5.5’s Faux 
bold option to give the face more weight. (This isn’t 
essential, so if you haven’t got the latest version of 
Photoshop choose another curved font and use it bold.) 


chalk 


Create your text on a black background using a 
script or hand written style of font. These usually 
are best suited to this chalkboard effect. Render the 
layer and load the selection into a channel (or 
duplicate one of the colour channels). 


Co. To create the effect, first load the font outline 
as a selection (Command/Ctrl click its layer icon) 
and in a new channel stroke the selection with white 
using a width of around 6 pixels. Now use some 
Gaussian blur set to about 4, not forgetting to 

deselect all first. 


ae Tae 


Use the Sketch>Torn Edges filter to create the 
edges of the chalk effect first. We’ve used an 
Image Balance of 24, Smoothness of 7 and Contrast of 
12. Apply the filter then use a small amount of Motion 
blur to give the edges a bit of a direction rather than 
have them look totally random. 


Co. Use a single spiked Curve like this one (using 
curves) to create the glowing neon effect to the 
blurred channel. Load it as a selection and fill in a new 
layer with whatever colour you like. To make it glow 
more, duplicate the layer, blur it and apply in Overlay or 
Screen mode. It works best over a dark background. 


t a schoolroom look 


Go back to the text layer and blur it slightly. 

Add some monochromatic noise to the text (set 
to full) and then use a larger amount of Motion Blur 
(16) to create diagonal streaks. Load the Torn Edges 
channel as a selection and use it to add a mask to the 
text layer. Finally add a Levels adjustment layer and 
pull the white point slider to the left and the gamma to 
the right to create the chalk effect. 
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Stage three: Graffiti 


text effects 


Spray your name in Photoshop without breaking the law 


Tage layer selec fier View Windaw tale 
= Cintiten=t @ VO (layer 2A00) 


o. Hmm... This one is might seem difficult at first 
but is actually about as simple as text effects 

get - in fact the answer is pretty obvious. First choose 
two colours for the background wall. A darkish red and 


a sandy brown will do, then use the Clouds filter ina 
new layer. 


Co. Photoshop has a built in wall texture, choose 
Filter>Texturizer and set the type to Brick. Use 
maximum scaling and a low relief. 


Stage four: Embossed metal 


Add a touch of class with a top marque logo 


lo GO 


o. How do you create a metal car badge effect? 
Choose a nice script font for the text (we’re 
thinking of an old Ford Cortina for this one). We didn’t 


bother with the layers - we created it straight into an 
alpha channel. 


Co. Using the Alpha as a selection, the text from 
the background was copied and pasted to a new 
layer. Layer effects were applied for a raised effect. 
We used the Bevel and Embossing feature set to Outer 
Bevel with opacity at 100 per cent, Depth 20 and Blur 4. 
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6. In a new layer (filled with white) we used the 
Lighting Effects filter with a spotlight angled 
from the top right. Metallic and shiny options were set 
to maximum and the text alpha channel was defined for 
the texture channel, set to White at a height of 23. 


Next, an image was imported (of a horizon) to 
be used as a reflection for a chrome effect. The 
image was placed above the text and linked to it as a 
clipping group by Option/(Alt) clicking the boundary 
between the two layers (the cursor changes to the 
clipping group cursor). The image was blurred and 
Ocean waves was applied to give it a slight distortion. 


Co. Finally create a new layer, choose the airbrush 
and a suitably graffiti-like colour and spray away. 
For a slightly different look use a brush set with Wet 
Edges and try different blending modes for different 


effects, we’ve used Hardlight for a not-quite-dry 
aerosol effect. 


We wanted the background to simulate the red 
paint of a car. To do this simply apply the 
Hue/Saturation command to the layer. Set it to 
maximum Saturation making sure that the Colourize 
option is checked (the default colour is red which is 
what we wanted). 


CG. To soften the effect and add a chrome-like 
gradient to the text, another layer was added and 
filled with a repeating black/white gradient (click the 
Edit button on the Gradient Options palette to set 
custom gradients). This was applied in screen mode 


and added to the clipping group so it only affected 
the text. 


Create a new document with a black 
background. Add a layer and fill with 25 per cent 
grey (H=0, S=0, V=25). Set the layer to Screen mode. 
Add your text (use white as the colour), render it and 
change the layer mode to Colour Dodge. Apply some 
Gaussian blur to the text, you'll get a glowing effect. 
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Stage six: Gloopy letters say 


oe. Begin with a bubbly sort of font to start off 
with, blur it a fraction then distort it using the 
Wave filter. Use a lot of iterations but keep the 
amplitude small. Add a Bevel and Emboss Layer Effect. 
Set this to Pillow emboss, depth at 20, blur at 6, the 
highlight mode to Difference, and use a suitable angle. 


Stage seven: Alens effect cet a fish’s-eye view of your lettering 
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CG, The important thing with this effect is to make 
your document’s dimensions square (ie 512x512 
pixels) or the filter will not be symmetrical. Once 
you've done that create your text. Full caps works 
especially well for this, and a chunky font is handy too. 
If you can use a square block of text even better. 
We’ve created two text elements and scaled them 

so they line up. 
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oC. Duplicate the text layer, fill it (with Preserve 
Transparency checked) with red, and then add a 
large amount of noise. Motion Blur the text (without 
Preserve Transparency) using a large distance value 
(40 to 50) and then distort the result using either Wave 
or Ripple. Offset the layer in the direction of the 
motion blur a little. 


Co. Check preserve Transparency and fill the text 
layer with a colourful gradient, any will do. Now 
duplicate the layer, and fill the text with Clouds (with 
Preserve Transparency still on. It'll overwrite the 
gradient in this layer which is fine. 


= 


Flatten the document and apply the Sphereize 
filter (under Distort) set to 100 per cent. You 
can’t set the filter to more than that, but if you want 
more distortion just apply the Twirl filter. You may 
need to scale the text in between each Spherize 
operation, though. 


Duplicate the red text layer and change the 
colour to yellow using Hue/Saturation (set on 
colourize) and drag it around for the best effect. Try 
changing the Original blurred text layer to difference 
mode for burnt edges, then Add a Levels Adjustment 
layer at the top to intensify the effect. Replace the 
black background with another dark colour or an image. 


Co. Open the layer Effects for this layer (the 
cloudy text) and change the Blur size to about 14. 
Now create a clipping group with the two text layers by 
Option (Alt on PC) clicking the division between them 
in the Layers palette. This masks off the overspill from 
the Increased blur (a layer mask won't work properly). 
Change the top layer to Overlay mode for a really 
gloopy effect. 


The downside is that the centre text will look 
fuzzy. To fix that, blur all of the text very slightly, 
then apply Levels to the lot. Pull in the black and white 
Point sliders to sharpen up the text. You will get 
rounded corners but that’s a bitmap for you. 
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Stage eight: Quick g 


You'll need an image (or a texture) for the 
background for this effect. We’ve used the CMYK 
Balloons image from the PhotoShop 5.5 Goodies folder. 
Add your text layer using a good chunky font. Create a 
new layer filled with black, load the text layer as a 
selection and fill with white. Blur the layer and then 
save this image in Photoshop 2 format (important!). 


Co. Hide the blurred text and duplicate the image 
background layer. Move this toppermost, and 
then apply the Displace filter. Accept the defaults. You 
are presented with an Open/save dialogue so navigate 
to the Photoshop 2 file you just saved and open it. The 
image is displaced using this image. 


Stage nine: Carved from 


Trainer) & 1 ed) 


o. Add a lot of noise to a new document. Motion 
blur it horizontally with a distance of about 20. 
Increase the contrast using Levels or Curves then 
apply the Wave distort filter with these settings. 


Co. Create your text layer, duplicate it and render 
the duplicate. Fill the opaque areas with Clouds 
then use Unsharp Masking to bring out the edges. 
Apply these settings twice. 
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Duplicate the layer and Colorize it a yellowish 
brown using Hue/Saturation. Invert the other 
layer and Colorize it a darker brown. Here’s the weird 
bit. Invert the yellowish brown layer and apply it in 
Difference mode over the darker layer (it'll look 
strange!). Add a Hue/Saturation Adjustment layer to 
bring the colours back to a nice woody brown. 


Co. Next use the Stylize>Glowing Edges filter set 
to an Edge Width of 1, Edge Brightness of 4, and 
Smoothness of 15. Change the layer mode to Screen or 
Colour dodge. 


Co. Create a clipping group between the Displaced 
image and the text layer (by Option clicking their 
divider). Add some glassy highlights using An Inner 
Bevel Layer Effect on the text but set the Highlight to 
Difference and the Shadow to Overlay. Add a drop 
shadow. Finally, if needed, change the displaced layer 
to Screen mode to lighten the insides of the glass text. 
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Co. Create your text layer and put it on the bottom 
(you may need to duplicate the bottom wood 
layer and discard the background to do this). Create a 
clipping group with the wood and text layers to mask 
out the letters. Add an Inner Bevel Layer Effect with 
Highlight set to Overlay and Shadow set to Hard Light. 


Change the colour of the live text layer toa 
pale gray with maybe a hint of cyan. Add an Inner 
Bevel Layer Effect, and set the Highlights to Overlay 
and Shadows to Colour Burn. You can also choose a 
pale blur for the Shadow too. 
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Co. Next, load the text as a selection, and in a new 
I 


Co. Create your text layer. Any style of text should layer Stroke the border with a setting of about 5 
work well with this effect. We’re going to create pixels and the Outside option. Fill with noise and apply 


a mosaic tiled text complete with a border. First fill the Choose Patchwork from the Texture menu and the Patchwork filter again, but this time use a smaller 
text with noise. (You'll be asked if you’d like to render set the size and relief how you like. We’ve gone square size. You can Colorize the layers as you wish 
the text first, click OK). for a medium size and a moderate relief. and add a drop shadow. 


Stage t 


eo. Creating perspective text is quite easy, but you 

can add a depth of field if you like too. Create 

your text layer and render it. Use the Perspective Co. Flatten the document, then in a new channel, Co. You can add some dimension to the text by 
Transform tool to add the perspective distortion. Press draw a black to white gradient in the direction of applying Lighting effects. Use a single (or 
Command-T, then hold the Command-Control-Shift keys the distortion. Load your layer as a selection and use it multiple) spot light and set the Texture Channel to one 
as you move the bounding box. On a PC the keys are to blur the text. Use a small Gaussian blur many times of the colour channels. The resulting relief is also out 
Ctri-T and Ctrl-Alt. ae rather than one large blur. of focus matching the text. 


Co. Creating textured surfaces is pretty oC. Apply the Image>Adjust>Posterize function 
st a 


raightforward. Here’s how to make a stone or ind set it to 10 levels. This creates the Co. Choose Filter>Fade Posterize. Change the 
slate texture for text. Render some clouds in a new stratifications and flakes of a piece of slate, but opacity to about 40 per cent and the blending 
document using the default foreground and we need to add back a bit of the randomness of the mode to Multiply. Copy the layer and paste it into 
background colours. Clouds filter. a channel. 
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Stage fourteen: 
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Create your text. This particular effect looks 
good just on a single character (so it looks like a 
stamp) but you can use an entire word. We've also 
used a sans font with plenty of width to it. A serif font 
would not really be suitable, but you may have success 


with one. Load the text as a selection. 


Co. Create a layer mask for the text, then reselect 
the path and with the new brush selected choose 
Stroke Path from the Paths options menu, and 
Paintbrush from the dialogue box that appears. 

You will get a perforated edge to your text like so. 


Stage thirteen: continue 


Perforated cive your text a serrated edge 


Co. Go to the Paths palette and choose Make Work 
Path. A dialog box will appear where you can 
enter a tolerance for the conversion precision. We want 
a good approximation so enter 0.5 pixels (though it 
depends on the resolution of your document) and 

click OK. 


CG. To enhance the effect add an inner border and 
fill. Load the normal text as a selection, then 
choose Select>Modify>Contract and enter a value 

of 8 pixels. 


dG... 


CG. Create a new layer filled with white. Apply the 
Lighting effects filter using an Omni light 


positioned at the top of the page, scale it up if need be. 
Now set the Texture channel to the Alpha channel you 
created and set the level to about 25. 
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CG. Create your text in a layer below the slate 
texture and make a clipping group so that the 
slate is masked by the text. Add a drop shadow and 
embossing layer effect as you see fit. We use Pillow 
emboss to create a lip around the edges. 


onverted to a vector path. Create a custom 
brush by selecting New Brush from the Brushes 
palette. Set the following: Diameter=8, Hardness= 100 
and Spacing=180. 


Co. Your text selection will, ina few seconds, be 
c 


Fill the selection in a new layer with a picture, 
gradient, or colour. Here we’ve changed the 
text colour to white, added a drop shadow and 
filled the inner selection with a gradient which was 
then texturized. 
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CG. A slight blue-gray colouration adds to the stony 
look of the texture. This can be done using 
Hue/Saturation or simply using the Colour Fill option in 
the Layer Effects you already used. You can also use 
the filtered clouds layer with various blending modes 
to add more texture to the text. 
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Stage fifteen: Perpen dicular Shadows there’: something on the horizon... 


Co. Most of the time you'll create a simple 
di 


ropshadow for text, but if you want a more 3D Use the Free Transform tool to mirror the text Blur the reflected text, and that’s it! If you 
shadow what can you do? Here’s how to create a a w 


ind shear it (Command-drag or Ctrl-drag the long ant more realism, blur the text using a gradient 
perpendicular shadow simply. Create your text and edge). You are creating a reflected version of the text mask so that the further away the text reflection is the 
duplicate the layer. so this technique is good for creating reflections too. more it gets blurred. 


ee 


Co. Merge one of the text layers with the 

o. Here’s a quick 3D type trick - no raytracing background so there are no transparent pixels. Use Curves on the motion blurred layer to 
required. Render your text layer and use the Free Apply a large Motion Blur to the layer at precisely 90. solidify the ‘extruded’ text. Use a very sharp cut 

Transform tool to create a perspective effect for your Fill the other text with a colour other than black and off like this to blacken the blur. Use another Curves or 

text. Make a duplicate of the layer. move it vertically to the top of the motion blurred text. levels pass to clean up the edges of the effect. 


6. Next, apply the Sketch>Reticulation filter to Co. Finally apply the filter Sketch>Plaster. We set 
Ce. Choose a rounded, fun font for this effect, the rendered text layer and accept the defaults it to an Image Balance of 11, Smoothness of 1 
a 


s sharp corners don’t work well. We used (this is a good starting point for other effects, and Light Direction of Top Left. Add some 3D shading 
Cooper Black for this effect and set the text colour using Layer Effects and - voila! - lumpy text. Add a 


experiment with the filters to see what you can 
to be black. colour fill in Difference mode for a disgusting look. 


come up with). 
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- Photoshop 


YOU MAY BE A BEGINNER, YOU MIGHT BE A SEASONED 


PRO, BUT WE’RE SURE YOU’LL FIND SOME TRULY 
HELPFUL PHOTOSHOP TIPS AND TRICKS HERE... 


ne of the brilliant things about Photoshop is 
that there are often several different ways 
to achieve the same effect. Some users 
© aim to work smart, while others like to 
take an experimental approach which might take more 
time but will also teach you more things along the 
way. Whatever the case, we’re sure you'll benefit from 
this collection of tips for using the program. Some will 
help you work faster, some will reveal tools or 
functions you may not be totally au fait with as yet. 

To the right we’ve got some tips that relate to the 
latest release, Photoshop 5.5, with a special focus on 
the newer tools. These are accompanied by some 
more tips which apply to /ImageReady2. Then follows a 
series of further tips which you should find helpful if 
you’re using version 5 or even something older. Get 
ready for heavy tippage... 
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1 Measure tool 

Select the measure tool, and click-and-drag between 
points in your image to measure distances and 
angles. Look in the Info Palette for the results. Hold 
down Alt/Option while you drag to create a protractor. 


2 Path flatness 

When creating a Clipping path, leave the flatness 
value blank. Your printer will then use its default value 
— if there are problems with this you can change it. For 
high-resolution printing, set a value between 8-10; for 
low resolution printing set a value between 1-3. 


3 Curved text 

To make type run round a curve, draw the curve with a 
path and cut and paste into ///ustrator or FreeHand. 
Add the type and paste the lot back into Photoshop. 


4 Custom colour swatches 

Create a custom colour swatch by holding Control/ 
Command and clicking on the colour you want to 
remove. You can save your swatch by selecting ‘Save 
Swatch’ from the menu on the side of the palette. 


5 Airbrushed clipping paths 

To stop hair looking ‘chopped’ when creating a 
clipping path, you can soften the effect by airbrushing 
around the hair with the background colour the cut-out 
is going to sit on. Now you can create the path a few 
millimetres away from the hair. 


6 Feathered selections 

To feather part of a selection, switch to Quick Mask 
mode, select the areas you want to feather and apply 
a Gaussian Blur. To make the transition look as 
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Tips for Photoshop 5.5 Ten hints for the latest version 


7 Background Eraser 

Like the Magic Eraser, version 5.5's Background Eraser is 
designed to help you get rid of unwanted 
backgrounds. Choose a tolerance setting again, but 
this time you should drag your brush across the areas 
you want to delete. The Continuous sampling option 
seems a bit pointless, however, since it readily erases all 
parts of your image — choose ‘Once’ instead, which will 
only delete pixels similar in value to those you first 
clicked on. 


8 Magic Eraser 

Photoshop 5.5’s Magic Eraser can make light work of 
erasing unwanted backgrounds. Once you've chosen a 
tolerance setting, clicking anywhere on your 
background will remove (make transparent) any pixels 
which fall within the chosen tolerance. Uncheck the 
Contiguous box if you want more control over which 
areas are erased. 


9 Save for Web 

Use the ‘Blur’ slider in Photoshop 5.5’s ‘Save for Web’ 
dialog to soften the increased noise you get from heavy 
JPEG compression. You can also resize your images for 
Web use within this dialog, optimise GIF palettes and 
save your settings for re-use. Don’t forget you can 

zoom in and out and pan your original and optimised 
images to compare their quality. 


10 Handling the pressure 
If you're using a graphics tablet, don't forget to check 
out the pressure-sensitivity settings in the tool options 


palette. The effects generated by the smudge, blur and 
airbrush tools are pressure-sensitive, as are the 
darkroom-style dodge and burn tools. There are 18 
pressure sensitive tools in all in Photoshop 5.5, 
including the Magic Eraser. That’s up on the 15 in 
version 5. 


11 Rendering text 

Why can’t you apply standard Photoshop filters to text 
layers? It’s because the text is in its normal, editable 
form.To be able to apply filters, you first need to 
‘render’ it as a bitmap image via the ‘Layer’ menu. This 
converts it into an ordinary bitmap layer — but you 
can't re-edit the text any more. 


12 History lesson 

Don’t forget - when you close an image in Photoshop 
5.5, its History and Snapshots are deleted. By default, 
the History palette only stores the last 20 states — you 
can increase this number if you need to, or you can 
save earlier states as Snapshots. You can open up any 
state as another image via the pop-up menu in the 
History palette. 


13 History Brush 

Use the History Brush to paint over your image using a 
snapshot state. For example, you could change the 
levels to improve the saturation or shadow detail, then 
paint these adjustments on to your image. Photoshop 
5.5's new Art History Brush works in a very similar way, 
but it applies ‘painterly’ effects while it does it. If 
finding a useful application for this brush is proving a 


Using Photoshop 5.5’s Save for Web dialog enables you The Background Eraser in version 5.5 is designed to 


to zoom in and out and pan your original and optimised 


image to compare their quality. 


help you get rid of those unwanted backgrounds 
quickly and easily. 


difficult task, we recommend using a small brush size 

instead. Take some time to try experimenting with the 
amount of pixels and the transparency levels affected 

as well. 


14 Quick Edit 

Need to edit just a small part of a huge TIFF image. 
Older versions of Photoshop had a Quick Edit option on 
the File menu for dragging a marquee over just a part 
of an image before opening it. This is still available in 
5.0 and 5.5—it’s a plug-in located in the Goodies folder 
on the application CD, and you just drag it into your 
Plug-ins folder and restart Photoshop. Quick Edit only 
works on uncompressed TIFFs, by the way. 


15 Defringing cutouts 

Ate you fed up with fringes around items you've cut 
out from their backgrounds? Then get rid of them with 
Photoshop 5.5’s Defringe command on the Layer menu 
(under Matting). Just type in the number of pixels you 
want to defringe by, and they'll be deleted from the 
edges of your cutout. 


16 Color Range selection 

Do you spend hour after hour fixing up your badly 
exposed or scanned photographs? Simply open up 
Photoshop's Color Range dialog from the Select menu 
and choose Highlights or Shadows from the pop-up 
menu to select the trouble areas in over or 
underexposed images. Feather your selection, then use 
the Levels dialog to get those shadows or highlights 
under control. 


If you spend time fixing badly exposed or scanned 
photos, then 5.5’s Color Range dialog enables you to 
quickly sort out over or underexposed images. 
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selected pixels (shown as grey), which the Magic 
Wand can’t do. 


you manipulate an image, it’s best to check the black 
at the end. The reason for this is that if it goes too 
dark, the image is likely to look on the heavy side 
when printed. 


20 Use Paths 
Paths take up much less space than channels, and at 
only around 1-2K they’re a much more efficient way of 


=> smooth as possible you should feather the selections | 
before you apply the Blur effect. 


22 Feathering 

Anti-aliasing works by blending pixels on the outside 
edge of a selection to transparent. Feathering applies 
this blending equally to both sides of the selection 
border, and the smallest value of one can often have 


17 Diagonal and curved guides 

You create a diagonal or curved guide by using a Path. 
Save the path so you don't accidentally delete it, and 
hide it by clicking the path off in the Paths palette. 


18 Strong black 


To create a strong black for printing over large areas, 
input a CMYK value of 100k, 60c. 


19 Rich black 
A good black in a halftone is 65c, 55m, 50y, 95k. If 


storing simple selections. 


21 Subtle selections 

To get more subtle selections you should use Colour 
Range rather than the Magic Wand tool. Using Colour 
range you'll find that the selection contains partially 


a much stronger effect than anti-aliasing. 


23 Type options 

As well as the ability to re-edit your text in Photoshop, 
version 5 gives you a new Kerning command, along 
with the power to alter the font, size and so on of a 


18 Tips forlm ageReady 2 Get a handle on Photoshop’s companion Web graphics program with these tips 


24 Squashing 

Use ImageReady to create and compress graphics for 
the Web — for serious operations it’s far more efficient 
than Photoshop, and offers tighter control over your 
settings, as well as animation tools. ImageReady can be 
slower, though. 


25 Rollover creation 

You can also use ImageReady to create rollovers with 
auto HTML. It’s much easier than using an HTML 
authoring application, and you can easily create 
striking effects by locking the button graphic 
seamlessly within other graphics. 


26 Rollover creation part 2 

To do this, create your graphic, then use the Slice tool to 
cut out your button. Hit New State on your Rollover 
palette, then edit the slice for your button’s Mouse 
Over state. 


27 Take your time 

Take plenty of time over preparing your compression 
settings — it'll make all the difference to your quality 
versus file size ratio. Use the 2-Up and 4-Up views to 

compare different settings. 


28 Which format? 

In general, use JPEG settings for photos and graphics 
with lots of colour gradients. Use GIF for graphics with 
plenty of solid colour, or text. 


29 Don’t dither 

Avoid using dithering on GIFs -it whacks your file sizes 
up stupendously, and you'd probably be better off with 
a JPEG if a No Dither GIF looks bad. 


30 Animation 

If you’re compressing an animation, select Optimise 
Animation hidden away in the Animation palette 
drop-down. This improves compression by making sure 
pixels that don’t change between frames don’t bump 
up file sizes unnecessarily. 


31 On the table 

Slices are held together by tables. Choose Type>No 
Image in your Slice palette to put text in a slice’s table 
cell instead of the graphic. You can also type HTML or 
JavaScript in here and it’ll display as usual. 
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32 Wield the knife 

Slice large images and apply different compression 
settings to the slices, according to what's best for the 
colour count and gradients in that part — you can save 
a lot of file size this way. 


33 Previewing 

Remember, not everyone who will potentially visit your 
site will be using a highly spec-ed powerful system like 
you. So preview do preview your site at 256 (lower spec) 
colours) Use View>Preview>Browser Dither to check 
how your image will look on 256-colour monitors, and 
the Mac and Windows Standard commands to see how 
your picture will look on the different platforms — Mac 
displays are paler, Windows darker. 


34 Previewing part 2 

ImageReady enables you to adjust the Gamma value of 
a picture to make it suitable for cross-platform 
viewing. If you're working on a PC, click the ‘Windows 
to Macintosh’ button, and on a Mac click the 
‘Macintosh to Windows’ button. 


35 No halos 

When giving an image with anti-aliased text a 
transparent background, define the Matte colour to be 
the same as the background colour you're using on 
your HTML pages. That avoids the appearance of a halo 
effect around the edge of your text. 


36 Pointing it out 

You can adjust the cursor displayed when you use the 
Painting tools. Go to File>Preferences and Cursors. A 
precise cursor displays as a target rather than the 
standard cursor, which displays the particular tool 
you're using. 


37 Low res first 

A progressive JPEG downloads a low-resolution version 
of the image while the main image is downloading (it’s 
similar to an interlaced GIF). However, it does require 
more RAM to do this, and older browsers won't be able 
to display it. 


38 Cropping uncramped 

Although ImageReady has no cropping tool, you can 
use the rectangular marquee to define the area you 
want to crop and then choose Image and Crop. 


Rollovers couldn’t be easier than in ImageReady - and 
you can just as easily set up image swaps so a 
graphic elsewhere on the page changes when your 
cursor rolls over a button. 


Remember that you can’t adjust the size or positioning 
of the marquee as you can with the Crop tool in 
Photoshop. 


39 Compare and contrast 

To compare several images with different optimised 
settings, go to the View menu and choose ‘New View’. A 
new window appears and you can resize it and place it 
so that you can see both windows at the same time. 
Then adjust the settings for each so you can compare 
the quality. It’s then up to you to decide where you 
make compromises and where not to. 


40 Tweening 

To tween an animation, create two frames and click the 
frame where the animation begins. Choose Tween 
from the Palette menu and define how many frames to 
tween and where the frames are to be added. 
ImageReady can tween a layer’s opacity and/or 
position, depending on which you select. 


41 See you layer 

To create a clipping group where a lower layer acts as a 
mask for the layer above, hold down the Alt key and 
click the solid line between the two layers. The cursor 
changes to two overlapping circles, and the layer 
above can only be seen through the solid areas on the 
lower layer. 


single letter. This means that you don’t have to create 
type in another package like Illustrator and import it 
into Photoshop. In Photoshop 5.5 you can also add 
styles like Faux Bold to fonts, even if they aren't 
available in bold versions. 


42 Highlights and shadows 

To ensure strong highlights and shadows, use the 
black and white Eyedroppers in the Levels and Curves 
controls to set the darkest shadow to black, and the 
lightest highlight to white. 


43 Arrow keys 

Select the Move tool and use the arrow keys to 
position layers and selections a pixel at a time. Hold 
Shift to move 10 pixels at a time. This also works if 
you highlight the numerical fields of dialog boxes. 


44 Greyscale conversions 

There is a way to get more accurate conversions of 
RGB or CMYK images to greyscale — by converting 
them to LAB mode. Go to the Lightness channel, 
convert to greyscale mode, and click OK on ‘Discard 
other Channels’. 


45 Stretchy paths 

Switch on Rubber Band in the Pen Path Options 
palette to get a ‘stretchy’ path. You need to do this 
before you click a new point that’s linked to the last 
point you made. 


46 Cutting paths 

There's no Scissors tool in Photoshop as in Illustrator 
or FreeHand, but you can split a path and leave points 
at the cut ends to simulate the tool. Add three new 
points close together on the path, select the middle 
one and cut it by hitting Control/Command+x. 


47 Kill the ants 

You can get rid of the black and white dotted line that 
represents a selection at any time by pressing 
Control/Command+H. This works even when you’re in 
an Adjustment or Filter dialog box. 


48 Tool options 

Double-click on any tool to bring its Options palette to 
the front. The only tool this doesn’t work for is Zoom — 
double-clicking this sets the view to 100 per cent. 
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A little cyan gives printed blacks more of a midnight 
feel. Just input a CMYK value of 100k, 60c to create a 
strong black for printing over large areas. 


101 tips Y stiill special oO» 


Tips for beginn ETS If you're new to Photoshop, start here... 


49 Visible brush size 

You can change your cursor to display the size of the 
tool that you're painting with. Go to File>Preferences> 
Display and Cursors, and select Brush Size. You can 
switch back to the Precise cursor by holding down 
Caps Lock. 


50 Lost paths 

When creating a path, the handles can sometimes 
disappear off the edge of the screen. To get them back, 
press the F key to switch to full screen mode, or click 
the middle button at the bottom of the toolbar. If you 
still can’t see the edge you should demagnify the 
image. 


51 Polygon Lasso 

If you’re making a complicated selection with the 
Polygon Lasso tool, and you've forgotten where the 
selection started, double-click and Photoshop 
automatically finishes the selection and connects you 
to the starting point. Alternatively you can press Esc 


to start over. 


52 Web-safe colours 

If you're working on images for the Web you should 
always use a Web-safe palette. You can find this using 
the command on the side of the Swatches palette. The 
Web-safe palette is in the Colour palettes folder 
under Goodies. 


53 Scratch Disk 

The Scratch Disk is the hard disk space that Photoshop 
uses as temporary memory. If you've got more than 
one hard drive you should make sure Photoshop uses 
the largest first. Check to see which drive Photoshop is 
using under your Preferences, and make sure it’s 
pointing to the one with the largest amount of free 
space. 


54 Painting selections 

You can make selections using Photoshop's painting 
tools. Click on the Quick Mask button and start 
painting your selection. The default colour is red but 
you can change this by clicking on the bucket. When 
you've finished painting your selection click on the 
Standard Mode button. 


Text has never been a strong point of Photoshop’s but 
things have improved with versions 5 and 5.5, with a 
kerning command and the ability to alter single letters. 
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The handy Preferences submenu gives you control 


over your cursor size when using brushes for more 
accurate artwork. 


55 Print from CMYK 

If you're working towards a printed output you 
should always work in CMYK. If you work in RGB and 
convert you run the risk of getting dull, flat, Out Of 
Gamut colours. 


56 Select entire Path 

You can select the whole of a path by clicking on the 
Direct Selection tool (the arrow), holding down 
Alt/Option and then clicking on the path. 


57 Custom gradients 

Click on Edit at the bottom of the Gradient tool 
Options palette to create your own gradient. Click on 
New, give your new gradient a name and change the 
colours by double-clicking on the buckets. You can 
add more colours by simply clicking in a space under 
the bar. 


58 Kerning/Tracking 

Photoshop's type tools have improved gradually over 
the years. For instance, you can change the kerning or 
tracking options in the Type dialog box. Hold down 
Alt/Option, Control/ Command and use the left and 
right arrow keys to increase/decrease the space by 
100/1000ems. 


If the shimmering of the selection ‘ants’ is getting on 
your nerves, there’s a simple - and painless - way of 
killing them. 
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59 Smoother gradients 

Gradients made in CMYK mode will come out 
smoother than making them in RGB and converting 
them afterwards. 


60 Scaling paths 

You can scale Pen paths quickly and easily just by 
copying the path that you want to alter into an empty 
document and scaling the size of the document. Now 
simply copy the re-scaled path back into your original 
document. 


61 Fading filters 

After you've applied a filter you can change the 
opacity and blending mode by selecting fade from the 
Filter menu. Version 4.0.1 and above enables you to 
do this with brush strokes by holding down 
Shift+Command-+F. 


62 Cleaning-up 

You can give yourself more elbowroom by using the 
Tab key to toggle all on-screen palettes on or off. You 
can use a combination of Shift+Tab to turn off every 
palette apart from the Tool palette. 


63 Repeat last selection 
Use Shift+Control/Command-+D to recreate the last 
selection that you made. 


64 Different strokes 

You can edit the properties of any brush by double- 
clicking on it. In the dialogue box set the Spacing 
option higher than 25 per cent to get evenly spaced 
and dotted brush strokes. 


65 Stop the crop 

Stop the selection edges snapping to the edges of 
your canvas when cropping by holding down 
Control/Command while dragging a handle. This 
enables you to drag the handles slightly inside the 
edge of a canvas. 


66 Add or subtract from selection 

With a selection active, hold down Shift and drag with 
any of the selection tools to add an area to the 
selection. If you want to subtract from the active 
selection hold down Alt/Option and drag with any of 
the selection tools. 
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Drawing and painting in Photoshop is easier if you use 
guides. Choose Rulers from the View menu then click on 
aruler on either axis and drag to pull out either a 
vertical or horizontal guide. 
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67 New gradient styles 

Aside from the fact that gradients in general are 
smoother, with less banding, version 5 offers three 
new styles: angular, reflected and diamond. 


68 Scale proportionally 

Hold down Shift to scale proportionally while dragging 
to transform a selection or path. Other options 
include Shift+Control/Command (skew), Alt/Option 
(distort symmetrically), Control/Command (distort 
freely) and Shift+Alt/Option+Control/Command 
(create perspective). 


69 Transform selections 

In version 5 and above, go to select and choose 
Transform Selection. You can now scale, rotate, 
distort, skew or apply perspective to the selection 
without changing the contents. You can do the same 
to a path by selecting Edit>Free Transform Path after 
you've selected a path. 


70 Spot colour channel 

Version 5 enables you to create spot-colour channels. 
Make a selection of the area you want to be filled with 
the spot-colour and choose New Spot Channel from 
the Channels pop-up menu. Click the colour swatch 
and choose the Pantone colour (there are several 
other colour models you can choose too). 


71 Group Actions 

Version 5 enables you to bunch Actions together into 
separate groupings. Click on New Set in the Actions 
palette and choose a name. Your new ‘folder’ will 
appear and you can just drag and drop actions over 
this to add to the set. 


72 CMYK preview 

The move from RGB to CMYK can cause some nasty 
shocks. Avoid any unwanted surprises by using the 
CMYK preview from the View menu. 


73 Custom brushes 

You can create a custom brush from any part of an 
image. Just select the area you want to construct the 
brush from with a marquee and choose Define Brush 
from the Brush palette options. You can use this 
same method to create a custom brush from a 
specially painted shape. 


Blurs can work better when applied to a small degree 
several times over rather than once with a large degree 
of effect, for a more refined final result. 


74 Time travel 

Move a step forward in the History palette by 
pressing Shift+Control/Command+Z. To move a step 
backwards press Alt/Option+Control/Command+Z. 


75 How big? 

Click and hold on the Info field at the bottom of the 
Main window to get a graphic visualisation of how big 
your image is going to print on the paper size you 
specify in Page Setup and at the resolution set in 
Image Size. 


76 Hide palettes 

You can get rid of all your open palettes to create 
more space by pressing Tab. Click Shift+Tab to hide 
all palettes except for the toolbar. Press the same 
key(s) again to bring them back. 


77 Scroll through brushes 

To move through the different brushes in the palette, 
press and/or hold down Control/Command to move 
to the first or last brush. 


78 Updating fonts 

If you're changing font-sets using a management tool 
such as ATM Deluxe, you can force Photoshop to 
update without restarting by holding down Shift when 
you click the Text tool. 


79 Path effects 

You can’t rotate, scale or apply other path effects 
inside Photoshop but you can cut and paste the path 
into /Ilustrator, modify it and then paste it back 
(choose As Paths) to reach your desired effect. 


80 Snap to guides 

You can create guides, which most Photoshop tools 
will snap to, by pulling them from the rulers when 
they’re visible —- use Control/Command+R to toggle. 
Hold down Control/Command over a guide to move it; 
adding Shift snaps to the ruler increments. 


81 Crooked scans 

If you've got a crooked scan that you want to 
straighten, set the Line tool at width O, and trace 
along the top of the scan with the Info palette visible. 
Now just input the angle displayed to the Numerical 
Transform dialog box to straighten. 
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Adobe’s Website is a good place to find on-line tutorials 
for the program, and tips. You can find it at www.adobe. 
com, funnily enough. 


82 Improving video stills 

If you want to use stills from a video, you can improve 
the quality by compositing frames of a shot that show 
no movement, using blending modes to cancel out the 
noise in individual frames. 


83 Selection sizes 

You can alter the size of a selection easily by using 
the Expand/Contract controls found in the Selection 
menu. 


84 Empty flare 

You can’t use the Lens Flare filter on an empty layer. 
Instead, fill a layer with black, apply the filter and 
change the layer mode to Screen (which makes the 
black transparent). You can now position the flare as 
if it was a transparent layer and use the layer options 
to blend hard edges. 


85 Selection copies 

You can make an instant copy of a selection by 
Option-dragging it. This moves a copy of the selection 
and places it as a floating selection in your image. 


86 Alpha channel selections 
Control/Command-clicking loads any channel as a 
selection, using the brightness values to generate the 
selection. Black areas are not selected, white areas 
are fully selected, and grey areas partially selected. 


87 File size 

If you don’t need to open a document in version 2.5 of 
Photoshop, you should switch off 2.5 compatibility in 
your Preferences. This helps to keep the size of the 
finished file down. 


88 Better distortions 

Try running Distortion or Blur filters several times with 
lower values, rather than once with a larger value. You 
should get better results - use Command+F to re- 
apply the filter immediately. 


89 Full size image 

Hit the F key to expand your image window off-screen. 
If you’ve got a dual monitor set-up you can see the 
edge of the window on the second monitor. Press the 
F key again to remove the menu bar, and again to 
return to normal. 


90 Realistic drop shadows 

You can make your drop shadows appear more 
realistic by using Multiply and taking the percentage 
down to about 70 per cent, or by using Levels and 
setting the Black Output level to around 200. 


91 Easy navigation 

The Navigator enables you to zoom with fractional 
values, although your image might look noticeably 
jaggy. You can drag the red box around the Navigator 
to pan around your image quickly and easily. 


92 Preserve transparency 

Turn this option on and any pixels that are 100 per 
cent will not be affected by any changes that you 
make. Experiment with this option on and off to see 
the difference it makes. 
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Layer Masterclass Expert advice on... layers 


98 Linked layers 

After linking layers (select a layer and click in the gap 
between the eye and thumbnail in the palette of the 
layers you want to link to), you can align or distribute 
them by selecting Align Linked or Distribute Linked 
from the Layers menu. 


99 Separate layer and layer mask 

You can move a layer separately from the layer mask 
by clicking on the Link icon between the two. After 
you've made your move you can click the icon again to 
rebuild the link. 


100 Drag and drop layers 

You can share layers between different documents by 
dragging them from the Layers palette of one image 
into the main window of another. A thick border 
should appear around the window to indicate that 
the destination image will accept the layer. 


101 Centring layers 


When you're swapping layers between files, hold 
down Shift to centre them automatically in the 
destination image. 


102 One-layer vision 

You can view the contents of a single layer in your 
image by option-clicking the Eye icon in the Layers 
palette. This hides all the other layers. Option-clicking 
the Eye icon box of hidden layers enables you to view 
one layer at a time. 


103 Layer masks in Channels 

If alayer is selected, its mask (if it has one) appears in 
the Channels palette, enabling you to use it without 
having to switch between Layers and Channels. It also 
then shows up in the Calculations dialog box. 


104 Linking layers 

You can link inactive layers to the active layer by 
clicking on the (blank) Mask icon of each layer you 
want linked. A Chain icon appears in the layer which 
means that when any of the linked layers are moved, 
the others follow. This is great for linking drop 
shadows to their objects, for example. 


93 PSD advantage 

Unless there’s a specific reason, don't save files in 
TIFF format with several channels. Using Photoshop’s 
proprietary PSD format takes advantage of 
compression to create a much smaller file. 


94 Smart Blur 

Smart Blur is an excellent filter to use to soften skin 
tones or remove a bit of grain. It blurs and keeps 
edges sharp, which means that your image isn’t 
noticeably softened. 


95 Clipping groups 

Option-click between two layer names to combines 
layers in a Clipping Group. The transparency mask of 
the bottom layer becomes the mask for the top one, 


[f 
Te 


Once you've linked your layers, you can align or 
distribute them by selecting Align Linked or 
Distribute Linked from the Layers menu. 


105 Cloning with adjustment layers 
if you're cloning with Sample Merged active and 
there's also an adjustment layer active, the Clone tool 
will not blend properly (you get double the effect 
from the adjustment layer). To avoid this, turn off the 
adjustment layer while you clone, and switch it on 
again when you're done. 


106 Clone multiple layers 

You can clone through multiple layers as if the file 
were flattened by checking Sample Merged in the 
Clone tool's Options palette. This also means you can 
clone toa fresh layer. You can also find this in the 
Magic Wand, Bucket and Blur tools. 


107 Invisible layers 

If you save a copy of your document from the File 
menu, Photoshop only flattens and saves the visible 
layers. All the invisible layers are deleted from your 
new file. 


108 Apply selection as a new layer 
If you copy or paste a selection into a document, 
Photoshop then applies it as a new layer. You can 
achieve the same effect a lot quicker by using 
Control/Command 4). 


and all additionally grouped layers (added by Option- 
clicking their boundaries). 


96 Warm or cool colours 

If your greyscale image is to be printed in four colours, 
you can take advantage of Photoshop's Duotone, 
Tritone or Quadtone option from the Modes menu. 


97 Adobe Website 

The Adobe Website is an impressively huge source of 
extra information about Photoshop. If you've got an 
Internet connection you can click on the Eye at the top 
of the tool palette, or on the Adobe icon in the Info 
screen to launch the site. See www.adobe.com/ 
products/tips/ photoshop.html specifically for hints 
and tips for Photoshop. EES 
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When you’ve read Computer Arts cover-to-cover and still want more... 


Real World Photoshop 5 


David Blatner and Bruce Fraser > Peachpit Press > £29.56» ISBN: 0-201-35375 


ots of Photoshop users tend to 
approach the program from 
0 \ we. F 

an artistic perspective, but 
the cold hard truth is that it’s widely 
used as a workhorse application, 
crunching down pixels in preparation 
for print. And if it’s not used properly 
in this respect, that precious artwork 
just won't look right when it comes 
out the other end, as it were. 

Hence you can forget complex 

discussion of filters, special techniques 
and plug-ins. Real World Photoshop 5 


Photoshop Retouching Handbook 


has its feet firmly planted in the field 
of production. It covers issues 
including scanning, resolution, colour 
matching, tonal correction and layer 
manipulation, along with a helpful 
batch of tips for troubleshooting your 
images. There’s even a section that 
helps the reader to ‘think’ like 
Photoshop in order to pre-empt 


books ¥ 


problems before they arise. This is a 
good choice for anyone who wants a 
book explaining the basic uses and 
raw power of Photoshop. It will help 
both veteran and hobbyist users of 
the program, though it will be of most 
help to design professionals. There 
are plenty of screenshots anda 

colour gallery to boot. 


“Photoshop’s pixel pushing power laid bare, 


and at a good price too” 


Carol Braverman > IDG Books » £42.99 > ISBN: 1-5582-8599-7 


hile some books cater for 
LW beginners and work up 
S towards professional-level 


chapters nearer the back, the 
Photoshop Retouching Handbook is 
aimed purely at the experienced user. 
It’s divided into three sections, 
beginning with assessing images, 
moving on to retouching and 
concluding with advanced image 
manipulation. The reader will needa 
fairly advanced grasp of Photoshop 


and the technical lingo it involves in 
order to make the most of this book. 
Nevertheless, it does clear up 
certain issues. The section on 
assessing images will give you the 
confidence to face down a graphic, 
spot its problems and potential 
problems, and find ways of fixing 


them. All the example images are 
included on the CD-ROM which comes 
with the book. 

The Photoshop Retouching 
Handbook contains 33 step-by-step 
tutorials. It’s one of the best books 
on retouching and Braverman is an 
experienced writer. 


“Photo retouching is one of Photoshop’s core 
competencies. This book will improve your skills” 


Adobe Photoshop 5 Interactive Course 


Sherry London » The Wait Group Press > £46.95 > ISBN: 1-57169-158-8 


hotoshop may just have been 
“Pp upgraded to 5.5 but not 

everyone's moving up to the 
new version, and there isn’t really that 
much new stuff in the latest cut. 

The Adobe Photoshop 5 Interactive 
Course brings you over 900 pages of 
learning, and links in to a Website 
which further enforces the material in 
the book with extra reading, tutorials, 
interactive quizzes and so on. 

There’s even a certificate to print 
out when you've completed the 


course. The book itself is concisely 
written and well organised, and with 
this many pages there’s plenty of space 
to cover everything from beginner 
issues right up to advanced 
professional work. 

There's a good mix of theoretical 
and practical sections, with plenty of 
exercises to follow, and the odd profile 


of a digital artist here and there. Our 
key complaint is that the book could 
use more pictures, and more full 
colour pages. 

Inside the back cover is a CD-ROM, 
and this contains lots of images from 
the chapters in the book, plug-in 
demos, 100 stock images as well as a 
practice exam. 


“An interesting and effective mixed-media 
approach to teaching Photoshop” 


a 
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Photoshop 5 Artistry 


Barry Haynes & Wendy Crumpler > New Riders » £51.49 > ISBN: 1-56205-895-9 


ne look at this title’s 
0 gorgeous jacket gives it all 
& away. Inside you can learn 


| how to build up your skills to the 
point where awesome digital vistas | 
are within your grasp. 

This is the third edition of the 
§ book and covers the gamut from 

photographic work, through 

Photoshop artistry, and on to the 
F production side where preparation for 
output becomes the key concern. The 
whole Photoshop churn, if you will. The 


s 3D software becomes 
“A increasingly comprehensive 
a in its scope, some packages 


are beginning to ship with texture 
painting modules included. However 
Photoshop remains a favourite 
program with 3D artists for the job of 
generating texture maps and this 
book takes up the task of teaching us 
how to harness Photoshop's power to 
create professional image 
maps for our 3D creations. 


t'seasytobesuspiciousof | 

| anything bearing the 
y ‘official’ tag. After all, this 

book may easily be something 

pushed onto the market by Adobe 

in order to cash in on the name and 

reputation it’s built over the years. 

| But, as they say, you shouldn't judge 

a book by its cover, and on top of | 

producing the our favourite photo | 


TEC HN 
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QUE Ss editing software it appears the 
| company is also responsible for one of 


the best books on the subject. 


book goes very in-depth on the 
features of Photoshop 5, which will be 
handy even if you've upgraded to 5.5. 
Hands-on tutorials follow several 
chapters of advice on how to create 
the best possible digital images using 
something called the Zone System. 
Only the section on using Photoshop to 
create images for the Web has been 


Though the book builds 
progressively, an intermediate level of 
Photoshop knowledge is assumed 
from the early chapters and even the 
one entitled Photoshop Basics is too 
technical to be of much help to 
beginners, while advanced users may 
feel let down by the shortage of hints 


Ben Willmore sets out to take the 
mystery out of Channels, colour 
correction, scanning, greyscale 
optimisation, retouching, image 


blending, text, background effects and 


more. The book's written in an 
accessible, clever style which 
maintains authority throughout. It 
sets out to teach the basics of 


superseded by the release of 5.5. This is 
a detailed publication that will 
encourage users put more ‘wow’ into 
their works. The emphasis is clearly on 
creativity and imagination and, 
following the advice of Haynes and 
Crumpler, readers should be able to 
reach way beyond producing typically 
identifiable Photoshop works. 


Photoshop 5 3D Textures F/X and Design 


Geoffrey Smith » Computer Bookshops » £46.99 > ISBN: 1-57610-274-2 


and tips. The book’s strength lies in the 
advice provided by modelling experts. 
Photoshop is capable of helping inject 
some photographic realism into often 
sterile-looking 3D scenes and though 
this book doesn’t get program-specific 
on the 3D side, it does hand out 
enough expert advice to be useful. 


Adobe Photoshop 5 Studio Techniques 


Ben Willmore > Adobe Press » £37.50 > ISBN: 1-56830-474-9 


Photoshop technique, and has enough 
theory to make it far more than a step- 
by-step guide. If you're new to 
Photoshop or just looking to expand 
your knowledge on the subject, Adobe 
Photoshop 5 Studio Techniques will not 
disappoint. This is a full colour book 
with plenty of screenshots to back up 
the tips and guides. 


Laurie McCanna’s 
Professional GUI Design 
and Free Art Site 
www.mccannas.com/ 
index. mot 


Worth While Web 


The Web is full of Photoshop 
sites, but many are outdated 


or amateur. Here are five of 
the most helpful sites for 
your Bookmarks folder... 


graphics for the Web 
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Ultimate Photoshop 
www.ultimate- 
photoshop.com/ 

Don't be put off by the 
orange background 
This site offers popular 
tips and tricks, an array 
of downloads (witha 
fev a 
and 39 
Xe s which may 
come in handy. 


The Pixel Foundry 
www.pixelfoundry.com 
/index.html 


site include 

sections on Phe 

Ka e pops up with 
some (ranting) er 
tips. Some relate to his 
Power Tools, oth e 
just straight Photoshop. 


Creativepro.com 
www.creativepro.com 
This site’s not yet been 
filled with data on 
Photoshop techniques 
but it is worth visiting 
to catch up with what's 
going on in the world of 
design software. It’s 
quite US-centri 
still new and worth 
keeping:areye on 
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Adobe Systems 
www.adobe.com 

In amongst all the 
product information 
there’s an array of tips 
and tutori i 
on-line. The 

updated r 
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Which isn’t surprising, 
really. 
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plug-ins guide 


CREATE ELECTRIFYING SPECIAL EFFECTS AND MAKE 
LIFE EASIER WITH OUR ESSENTIAL DIRECTORY OF 
THE PHOTOSHOP PLUG-INS YOU MUST HAVE... 


ometimes it's like a jungle. 
With so many Photoshop 
plug-ins out there, it's easy 
to lose track of them all—in 
fact, it's reckoned that Adobe's mighty 
image-editing title has more add-ons 
for it than any other software package. 

That's why we've compiled this 
guide to Photoshop plug-ins, featuring 
reviews of ten new plug-ins, a superb 
buyer’s guide, and five tutorials 
explaining how to get the max out of 
five top plug-ins on our CD, including 
KPT Equalizer. We've got the full 
version on our CD, and we're the only 
mag in Europe that can boast that. 

So what's so great about plug-ins? 
Photoshop's a pretty nifty package 
already, isn't it? Well yes, but if you're a 
regular Photoshopper, you're bound to 
have encountered something you 
wanted to do, but couldn't, like a 
special effect that has to be just right, 
or you've found yourself doing the 
same laborious tasks again and again. 

That's the beauty of plug-ins. They 
give you everything you want, and 
nothing you don't. In these days of 
bloatware — huge applications 
featuring hundreds of features 
gathering virtual dust, plug-ins put 
control back in your hands. 

Plug-ins fall into two broad 
categories. Firstly, there are those 
which pump up Photoshop's artistic 
muscle, with extensions for specific 
applications like image manipulation, 
3D rendering and vector illustration. 
Secondly, there are plug-ins that'll 
make life just that little bit easier, 
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simplifying and speeding up functions 
like the Actions palette, for example. 

It means you don't need expensive 
stand-alone software to get your image 
exactly how you want it — all your plug- 
ins are stored behind Photoshop's 
familiar interface, and benefit from the 
might of its powerful engine. 

So who are the people behind the 
plug-ins? One of the most familiar 
names is German Kai Krause, whose 
Kai's Power Tools plug-ins have earned 
him almost mythical status. It's a 
tribute to Adobe that Photoshop's 
extensible architecture means third- 
party developers are able to devise 
ever more ingenious new gizmos. 

Of course, the more Photoshop 
can do, the more copies Adobe sells. 
Plug-ins also give the company an 
indication of what graphics folk want 
from future Photoshop upgrades. 

If you're still unsure, turn the page 
to discover what you can achieve by 
getting plugged in. With Photoshop the 
sky's the limit, but with the right plug- 
in, you can fill it with stars, planets and 
breathtaking constellations. 


Reviews 
Buyer’s Guide 
Plug-in skills 


KPT Equalizer 

MaskPro & PhotoFrame 
PhotoGraphics 
PhotoTools 3.0 
Genesis V2 PRO 
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Mask Pro 2 


£129.99 Computers Unlimited 


0181 358 5857 


www.extensis.com 


If you've used Photoshop for 
f| even a short time, you'll have 

encountered the tricky task of 
cutting out or masking an object. 
Photoshop 5.5 features excellent 
masking tools, but if you've not 
upgraded it can be a laborious chore, 
which is where (cue fanfare) Mask Pro 2 
from Extensis takes the stage. 

Its innovative Color Matching 
Technology consistently delivers 
professional results with a minimum of 
sweat — all you need to do is pick from 
Mask Pro's simple interface the colours 
you want to Keep and those you want 
to Drop, brush over the image and 
there's your image, smoothly | 
recreated, sans background. 

If you're in a hurry, select the 
Intellibrush, which enables you to start 
masking without selecting Keep and 
Drop colors. Just click on the | 
background and Mask Pro determines 
what to keep or drop — automatically. 
Of course, no plug-in can ever be 
guaranteed to work out exactly which 


area you want to cut out and then do it, 
but most of the time Mask Pro comes 
pretty damn close, on even the most 
complex of images. 

At any time you can adjust the 
brush size, the threshold, which 
determines the range of colours 
relative to those selected, and the 
transition, which ordains how harsh the 
fade-out to transparent is. 

You can also flip between full 
colour, greyscale and monochrome for 
clearer identification, and move around 
with the Zoom, Pan and Navigator 
window controls. 

Mask Pro 2 isn't the cheapest of 
plug-ins, but think of all the hours and 
frustration it'll save you, especially if 
you're preparing images for the Web, 
and you'll appreciate that this is one 
plug-in you can't afford to be without. 


Verdict 


OOOO: 


f & Please select source and enter choke and tolerance values for the 


work path: 


_ Create path from: 
Convert target channel into a 
@channel or path 


© Selection Convert selection into a work path 


Kai's Power Tools 5 


£109.99 Computers Unlimited 


0181 358 5857 


www.metacreations.com 


hotoshop devotees have long 

f- worshipped the mysterious 
Kai and his mighty box of 

Power Tools. Now in its fifth 
incarnation, KPTs5 enables you to 
swiftly create fantastic images, 
introducing five brand spanking new 
applets while reworking some of the 
most popular KP7 filters. 

That's one of Powertools’ real 
strengths, the quirky brand of 
innovation it brings to long-standing 
Photoshop effects. For instance, 
Blurrrr allows you to create attractive 
woven effects, in addition to the 
traditional high-speed blur filters. 

Meanwhile new life has been 
breathed into Noize, which applies 
graphical static in order to texture 
objects and masks, with the 
introduction of a random mutation 
generator. It's a quick way of 


discovering lots of filter permutations. 


One of KPT's most outlandish - 
and addictive — filters is FiberOptix, 
which enables you to grow hair or fur 


on the smoothest of objects. KPT offers 
millions of parameters enabling you to 
fine tune everything from the length 
and direction of your fur, to the colour 
and direction of the lighting. 

There's also FraxPlorer, a fractal 
filter which produces fantastically 
psychedelic results but be warned — it 
eats up a lot of processing power. 

Other effects include FraxFrame, 
with which you can create pretty much 
every type of electrical, flame and 
plasma effect imaginable; and Frax 4D, 
which produces 3D slices of 4D space — 
difficult to explain, we know, so you're 
better off trying out yourself. 

That's the beauty of Power Tools, 
there's just so much to explore, and 
thanks to its elegant interface, it's 
made incredibly easy. If you use 
Photoshop, bow down before KPT5. 


Verdict 


EDENEOEDE 


_— Choke: 


Tolerance 


Getting plugged-in eee Everything you wanted to know but were afraid to ask 


| D| lug-ins are pretty easy to install, thanks to the level 
of stability and expertise that Adobe built into 


Photoshop. All the plug-ins we've featured here are the 
latest versions, designed to work with Photoshop 4 
upwards (some will work with Photoshop 3), while most 


of the Extensis tools featured here include a separate 
install program designed specifically for Photoshop's 
nearest rival, PhotoPaint from Corel. To check plug-in 
compatibility for packages such as Paint Shop Pro, check 
the plug-in's Web page, or just suck it and see. application. However not all plug-ins are filters. They can 
should also work with other packages that boast Most recent plug-ins are simple to install. You add their functionality to almost any part of Photoshop, 
Photoshop plug-in compatibility. merely have to run their installer program which will put and many produce their own interface within the 

However, they may not always do so perfectly.Adobe _ the all the files into the folders theyneedtobeinforthe program which pops up when you select the plug-in 
employs a proprietary plug-in format that onlyworksin —_ plug-in to work properly. from a menu. And one final word of warning: if you're 
Photoshop itself, which can sometimes causes problems If not, installing a plug-in is usually just a matterof  goingtouse plug-ins, it's a good idea to have lots of RAM 
if the plug-in is run in a'non-native' environment. Many dragging the plug-in file itself into the Plug-ins folder,or  onhand. 


into the relevant subdirectory within. You'll need to 

restart Photoshop for the plug-in to take effect. 
Inexperienced Photoshop users often expect all new 

plug-ins to appear under the Filters menu within the 
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PhotoTools 3.0 


£99 XChange International 


0171637 2966 


www.extensis.com 


f you're designing ona limited 
f budget, or just desire a capable 

all-round package of plug-ins, 
you'll be drawn to the delights of 
PhotoTools 3. It's a collection of nine 
utilities, including six PhotoEffects 
filters, as well as a texture tile-and- 
painting engine and tools for creating 
your own palettes and custom tools. 


PhotoGroove enables you to create 
your own bevels, which means you can 
conjure up objects that look like 
leather, rubber or chrome. With 
PhotoButton you can design buttons, 
either from a range of presets or create 
your own, and add bevels, textures and 
bump-map surfaces — incredibly useful 
if you're designing for the Web or 
multimedia applications. 

PhotoCastShadow and PhotoGlow 
add shadow or glow respectively to 
your objects and icons. PhotoTools is a 
near essential buy — and you won't 
need a mortgage to buy it, either. 


Verdict 


ves eagle eay 


PhotoGraphics 1.0 


£117.50 Computers Unlimited 


0181358 5857 


www.extensis.com 


t's a pound to a penny that, asa 
ll graphic artist, you'll rely on 

vector drawing packages like 
Freehand and Illustrator. But it's more 
likely that their more advanced features 
get ignored, while the artwork you 
create gets rasterised in Photoshop. 

That's PhotoGraphics' raison 

d'etre -it's a vector drawing plug-in for 
Photoshop, which also enables you to 
set text on a curve. It's easy to find your 


KPT Gel can produce some stunning 
surface and reflection effects. 


way around, with a clear interface 
featuring a Tool palette on the left of 
and a couple of palettes on the right. 

PhotoGraphics offers such basic 
drawing tools as Line, Bezier Line, 
Rectangle and Starburst, which can be 
arranged in layers and manipulated. 
You can apply preset or user-defined 
colours to objects, but there are no 
colour gradients. The text options are 
brilliant, however, enabling you to 
create custom styles with one click. 

This is a speedy and simple plug-in 
offering some useful new features that 
will really save time and hassle. 


Verdict 


plug-ins oe special C@ 


Intellihance Pro 4.0 


£129.99 Computers Unlimited 


0181 358 5857 Wwww.extensis.com 


mage enhancement has always 
been a tedious chore. You can 


spend hours tweaking the colour 


or fiddling with contrast before you 
achieve results you're happy with. 


Intellihance Pro aims to streamline the 


process, enabling you to make your 
images look their best with one click. 
It's easy to fine tune and compare 


Xenofex 


£99 XChange International 


different settings, thanks to the multi- 
pane previews which let you see how 
each adjustment will affect your image. 

Some of the preset options, like 
Smooth or Dust Removal aren't exactly 
subtle, so for best results it's more 
rewarding to adjust the controls one by 
one until you're satisfied. One real 
advantage is the Fine Tune mode, 
where you can tweak your image to the 
last tenth of a decimal. 

It's undoubtedly useful, but 
Intellihance Pro doesn't do anything 
you can't already do in Photoshop. But 
it's easy to use and a serious timesaver. 


Verdict 


0171 637 2966 www.alienskin.com 


enofex is the kind of plug-in 
XxX that'll inspire deep joy in the 
= heart of the most jaded 


Photoshopper. Whether or not they'll 


find it useful seems beside the point 
when confronted with a diverting 
assortment of filters like Xenofex. 


Tucked up its magic sleeve are delights 


KPT X just download and go... 


TE days of buying plug-ins on CD- 
ROM could be coming to an end. 
With numerous companies already 
selling single plug-ins on the Web, 


Metacreations has come up with a new 
way of selling its popular Kai's Power 
Tools. Unlike KPTS5, which comes on CD- 
ROM at over £100, the company's new KPT 
X range is being issued on the Internet. 
Arriving soon are KPT Equalizer 
(which we bring you exclusively on our 


cover CD), KPT Gel and KPT Goo. No doubt 
more will follow. KPT Gel enables you to 
add fast 3D paint tools to Photoshop. 
Throw in environment mapped 
simulations of an array of materials, plus 
accurate lighting, reflections, refraction, 
tinting and transparency. 

KPT Goo, meanwhile, follows on in 
Photoshop where Kai's famous Power Goo 
left off. This one allows you to add liquid 
distortion effects to your images for what 


such as Shower Door, for that frosted 
glass effect, while Crumpled and 
Origami provide an authentic paper 
feel. Meanwhile rendering effects 
include Little Fluffy Clouds, Lightning, 
Constellation, Electrify and Rounded 
Rectangle for that TV screen effect. 

Xenofex has impressive parentage, 
being a sequel of sorts to plug-in 
collections Black Box and Eye Candy. 
Like we said, it’s debatable whether 
everyday Photoshop work calls fora 
plug-in as esoteric as Xenofex, but 
there's no denying this is magnificently 
entertaining. 


Verdict 


might be best described as a digital 
fingerpaint effect. 

As we goto press, KPT X is available for 
download only for those with an American 
postal address, but Metacreations is about 
to launch the range on its British servers 
soon. KPT X will hit the UK at the 
Metacreations Website, which you can 
find at www.metacreations. com/uk. 
Meanwhile, take a look at our four-page 
KPT Equalizer tutorial on page 58. 
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Genesis V2 PRO 


AutoEye 1.0 


£99 Future Fantastic 


01904 780 800 


www.futurefantastic.com 


enesis V2 PRO can produce all | 

LG sorts of optical effects, from 
lens flares to smoke and 

flames and electric arcs. 


This new version has anew 
interface that is much easier to use 


than the previous version. The software 
itself has a few new features, including 
Groups, which are groups of effects 
that can be loaded, saved and rendered 
together, two new Noise filters and 
faster rendering to name just a few. 

V2 PRO is PC only. What it does, it 
does well, giving you unprecedented 
control over every element of an effect, 
something that its rivals can't match. 
There are other plug-ins such as Knoll 
Lens Flare Pro which arguably produce 
much better and more accurate lens 
effects but they don't have the scope or 
flexibility of V2 PRO. 


Verdict 


QOOS 


PhotoFrame 2.0 


£151 Computers Unlimited 018 


1358 5857 www.extensis.com 


hotoFrame 2.0 makes it easy 
f-) to apply frames to your images 

— but these aren’t the cheap 
and tacky borders of budget DTP 
programs, but sophisticated alpha 
channel effects that can be both subtle 
and stylish. 

Version 2.0 features a whole host 
of spanking new features. As well as 
the 1000 pre-designed frames supplied 
on CD, there are now tools for creating 


WLIO 
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‘instant’ frames based on ellipses, 
rectangles and polygons. 

You can give any frame an instant 
wave, sawtooth or brush edge. There 
are eight different edges to choose 
from, but you can combine them for 
more elaborate effects. 

The new glow, shadow, bevel, 
texture and bump map effects add even 
more control. You can create the 
appearance of a photo, inset into a 
wooden or tortoiseshell frame, say, 
complete with a sunken 3D look. 

PhotoFrame 2.0 is really useful if 
you like frames — but pricey if you don’t. 


Verdict 


DOE 


£99 XChange International 


0171637 2966 www.autofx.com 


utoEye is an image 
Bs enhancement application 
which boldly claims that it can 


add back information lost when 
acquiring an an image (during scanning 
for example). Of course, what the 
program actually does is guess what 
information is lost and attempt to 


Squizz 3 


XChange International 


synthesise replacement data. The 
accuracy of its guesswork is another 
matter but it seems to do a good job. 
The interface is easy to use, but it 
was painfully slow on a Pil 233 PC. You 
can zoom into an image but you have to 
wait for AutoEye to reprocess each 
time. Panning is also badly designed as 
the program doesn't cache the filtered 
image that extends outside of the 
viewing area. As you pan you erase 
parts of the filtered preview, which then 
have to be reprocessed. If you have lots 
of images to process, the Automatic 
mode is pretty damn good though. 


Verdict 


OOO 


0171 637 2966 


uman Software's Squizz 3.04 is 
oH the latest version of the fun 

displacement plug-in. There 
are four main sections to Squizz, the 
famous brush-based deformation 
section where you can make scans of 
your mates look like that creature from 
Predator and also three other sections 
that use a grids or Bezier handles to 


more precisely deform an image. 

If you've ever used PhotoShop's 
Shear filter you'll know just how 
frustratingly limited it is. Squizz's more 
structured deformations allow you to 
do some useful pixel-pulling tasks like 
precisely warping text. 

Each section also has a Movie 
option where you can create different 
distortions to make an animation. You 
can save key frames, set a frame rate 
and Squizz will output a Quicktime 
movie. 

As well as being fun, Squizz 3 isa 
really useful deformation tool. El 


Verdict 


QAO 


On the CD testa range of plug-ins with our coverdisc 


OR covermounted CD brings you 
three free full plug-ins in the 
form of KPT Equalizer, Mask Pro 1.0 and 


PhotoFrame 1.0. We've rounded up 23 
plug-in demos too. These include: 


Dual plug-ins 
» Eye Candy 3.0.1 
» Intellihance 4.0 
> KPT 3.0 

» Mask Pro 2.0 


> Paint Alchemy 

» PhotoFrame 2.0 

» PhotoGraphics 1.0 

» Photo/Graphic Edges 4.0 
> PhotoTools 3.0 

> Rayflect PhotoTracer 

» Terrazzo 

» Typecaster 

» Ultimate Texture Collection 
» WebVise Totality 

> Xenofex 1.0 


Mac only 

» Andromeda Cutline 

» Knoll Lens Flare Pro 

» PANTONE HexWrench 1.0.2 
» Squizz 3.0 

» Typo/Graphic Edges 

» Page Edges 


PC only 
» Genesis V2 PRO 
» AutoEye 


www.humansoftware.com 


compute 


arte i 


The definitive guide to Adobe Photoshop * Mac & PC 


buyer’s ictal special (@D 


cas05 


ihywarsguide 


Our comprehensive directory of plug-ins for Photoshop — take your pick 


THE COMPUTER ARTS PHOTOSHOP SPECIAL GUIDE TO THE BEST OF THE REST OF PHOTOSHOP PLUG-INS 
AVAILABLE FOR WINDOWS AND MAC -— FIND WHICH SUITS YOUR NEEDS FROM OUR A-Z LIST... 


Andromeda Cutline Filter 


PC/Mac ° £79 * XChange 
International 

t 0171 637 2966 

W www.andromeda.com 

Cutline Filter gives you the power to 
create the look of classic engraving 
techniques in Photoshop, thanks to a 
unique line/dot combination screen 
which replaces the grey tones in a 
photo with black and white lines, 
resulting in a digital engraving effect 
that emulates the classic old world 
engraving techniques. 


Andromeda Series 1: 
Photography Filters 


PC/Mac ° £69 ° XChange 
International 

t 0171 637 2966 

W www.andromeda.com 

With this package of filters you can 
swiftly and easily turn an ordinary 
photo into an extraordinary work of art. 
It includes 10 of the most sought-after 
optical lens special effects and 
professional-level photographic 
techniques, including tricky effects like 
Diffraction, Prism, Rainbow and 
Reflection. 


Andromeda Series 2: Three-D 
Filters 


PC/Mac ¢ £79 ° XChange 
International 

t 0171 637 2966 

W www.andromeda.com 

Once you've installed this plug-in, you 
can wrap text and entire or selected 
portions of images onto 3D surfaces 
such as spheres and cubes. It offers 
many features previously found only in 
expensive 3D rendering programs, 
enabling you to ‘fly around’ the surface 
to alter your viewpoint and the object's 
appearance. 


Andromeda Series 3: Screens 
Filters 


PC/Mac ¢ £79 * XChange 
International 

t 0171 637 2966 

W www.andromeda.com 

Screens Filters offers the first true 
digital solution for special effect Line 
Conversion and mezzotint screening, 
enabling you to quickly and easily 
produce mezzotints, mezzograms, 
straight line screens, line patterns, 
mezzoblends and specialty screens, 
with stunning effects. You can convert 
continuous tone photographs to pure 
black & white patterns of various sizes. 


AutoMask 

PC/Mac ° £79 * XChange 
International 

t 0171 637 2966 

Ww www.humansoftware.com 

With AutoMask, you can mask photos 
and layer large pictures within 
Photoshop. The new Acquire feature 
enables you to drop out backgrounds, 
make stencils and create drop 
shadows quickly and easily. 


Chromassage 

Mac ¢ $29.95 * Second Glance 
Software 

t 001 360 692 3694 

W www.secondglance.com 
Chromassage enables you to create 
wild colourisation effects that would 
otherwise be impossible. You can 
randomize, invert, reverse and ‘steal’ 
colours from existing documents, 
making it ideal for use with designs 
intended for multimedia or textile 
design. You can also rapidly swap 
document colours from 26 built-in 
palettes to view various colour 
combinations. This is one extremely 
useful plug-in. 


Chromatica 


Mac/PC * $89.99 * Chroma Graphics 
order on-line 

Ww www.adobe.com/store 

Chromatica boasts it will revolutionise 
the way you work with colour. 
ChromaColor makes it easy to select, 
re-colour, and blend edges of an 
object. ChromaPalette then lets you 
create dazzling colour effects in 
seconds. And ChromaMask enables 
you to select instantly single colour 
ranges to be recoloured. Just drag the 
ChromaMask tool over a portion of the 
object to be selected. 


ColorExchange 


PC/Mac ¢ $795 * Monarch Design 
Systems 

t 001718 894 8520 

W www.monarchcad.com 

If you've ever looked at one of your 
images and wondered what it would 
look like in different colours, then 
ColorExchange will save you hours 
finding out. It enables you to 
automatically generate and view 
multiple colour combinations of 


patterns, prints, backgrounds, wovens, 


or any graphic design, saving you time 
and money in the process. 


Eye Candy 3.0 


PC/Mac ¢ £89 * XChange 
International 

t 0171 637 2966 

Ww www.alienskin.com 

From the same stable as Xenofex (see 
page 51), Eye Candy rounds up 21 
crazy filters, from the commonplace — 
Drop and Perspective Shadow, Bevel 
(in and out) and Glow — to some 
convincing phenomena like Fire, 
Smoke, Chrome, Fur, Water Drops and 
Glass. Exceedingly useful and loads of 
fun to boot. 


Alienskin’s Eye Candy 3.0 makes it a 
cinch to create convincing effects like 
Fire within Photoshop. 


Genuine Fractals 2.0 

PC/Mac * £99 * XChange 
International 

t 0171 637 2966 

Ww www.altamiragroup.com 

With the Genuine Fractals plug-in, you 
can compress images, making them 
much smaller than traditional 
compression technologies can 
manage, and render fractal image files 
to virtually any size, up to hundreds of 
megabytes. 


Harmony 

Mac ¢ $79 ¢ Hotdoor 

t 001 888 236 9540 

W www.hotdoor.com 

Harmony enables you to create 
harmonious colour schemes for use in 
print or Web graphics. You can explore 
thousands of new colour combinations 
with the interactive RYB color wheel, 
and adjust the wheel's tints, shades or 
tones and edit the colour swatches. 


Hexwrench 

PC/Mac ¢ £129 ¢ Pantone 

t 01303 269666 

W www.pontone.com 

Hexachrome is Pantone's high-fidelity 
printing process which uses six colours => 
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=> instead of the usual four, resulting in a 


(C2) photoshop — buyer’s guide 


PANTONE® HexWrench 


Hexwrench enables you to preview Hexachrome separations side by side with the 


original image. 


wider range of vibrant colours. 
Unfortunately, it's not supported by 
Photoshop, which is where HexWrench 
comes in. It enables Hexachrome 
separations to be previewed side by 
side with the original image. 


HoloDozo 

Mac ° $149 * MMM Software 

t order on-line 

W www.mmmsoft.com 

HoloDozo comprises 28 plug-ins 
allowing you to create 3D effects 
directly in Photoshop without the 
hassle of using complicated modelling 
software. All HoloDozo effects are 
controlled in 3D space with the 
HoloCube, an innovative 3D interface, 
and are previewed in real time. 


ImageBook 2.5 

PC/Mac ° $89.95 * Gamut Imaging 

t order on-line 

W www.gamutimaging.com 
ImageBook enables you to create proof 
sheets consisting of thumbnail images 
in any size and style, making it easy to 
find the right image quickly. You can 
create virtually any size or style proof 
sheet, and ImageBook can read 
images in over 40 formats, including 
JPEG, TIFF, GIF, PNG, PhotoCD and 
Windows BMP. 


Knoll Lens Flare Pro 1.0 
Mac ° £79 ¢ XChange International 
tf 0171 637 2966 

W www.puffindesigns.com 


Magic Mask 


Mac/PC * $99.95 * Chroma Graphics 
order on-line 

Ww www.adobe.com/store 

With Magic Mask, and its four brand 
new tools for selection and masking, 
you can create precise masks around 
objects, pick out particular colours, 
work with objects of varying density, 
such as hair, and challenging gradients 
like skin tones. 


OttoPaths 


PC/Mac * $99 * Human Software 

tf 001 408 399 0057 

W www.humansoftware.com 
OttoPaths is a miniature vector 
program featuring a complete set of 
text and vector tools, for creating text 
on paths and doing distortions. You 
can use typefaces for warping, and 
then edit them, or create your own 
instead. After the paths have been 
exported to a Photoshop layer, the 
paths can also be edited using 
Photoshop's own Path tools. 


& 140.14 


fea 10 


Paint Alchemy 2.0 


PC/Mac ° £99 * XChange 
International 

£ 0171 637 2966 

W www.xaostools.com 

Paint Alchemy boasts a simple yet 
extremely useful concept. This filter 
"smears' the image with brushstrokes 
— excellent for impressionist effects 
and realistic paint strokes. You can 
control the distribution of strokes, 
angle, density, colour and brush size. 


PhotoBevel 2.0 


PC/Mac ° Freeware ¢ Extensis 
download from 

W www.extensis.com 

PhotoBevel enables you to create inner 
and outer bevels on any part of your 
image or text. You can adjust bevel 
width, softness, highlight/shadow 
balance, intensity and light direction. 


abstracts, impressionistic and 
powerful new digital edge effects, 
which really add shape and dimension 
to your images and layouts. 


Photo/Graphic Edges 4.0 
Volume Three: Artistic Edge 
Effects 

PC/Mac ¢ £115 * XChange 
International 

t 0171 637 2966 

W www.autofx.com 

A collection of thousands of hand- 
painted edge effects, enabling you to 
recreate practically every painted and 
mixed medium: watercolour fadeouts, 
brushed acrylics and oils, rubbed 
charcoal, splattered airbrush and 
etched scratchboard, offering a large 
variety of brush strokes, different 
edged techniques, styles and tones. 


Photo/Graphic Edges 4.0 
Photo/Graphic Edges 4.0 Volume Four: Darkroom Edge 
Volume One Effects 
PC/Mac ¢ £115 * XChange PC/Mac ° £115 * XChange 
International International 
£ 0171 637 2966 £ 0171 637 2966 
W www.autofx.com W www.autofx.com 


Literally thousands of possible 
traditional edge effects, including 
deckled, ripped, semi-transparent, film 
strips, film frames, emulsion transfers 
and other classic darkroom styled 
effects. It adds a real professional 
touch to design projects. 


Photo/Graphic Edges 4.0 
Volume Two: Geometric Edge 
Effects 


PC/Mac ° £115 * XChange 
International 

tf 0171 637 2966 

W www.autofx.com 

By installing this plug-in you'll open up 
simply thousands of possible 
distinctive geometric edge shapes, 
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Spikebalt 
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ok 


Polygon Spread 


Lens Flare Pro is specifically designed 
to create lighting effects such as sun 
flares, light bursts, and lens flares, of 
course. It features 40 preset effects 
and controls so you can tweak these or 
create your own. With a little effort you 
can conjure up spectacular effects. 
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Sefiness 5.0 


Taper 13.0 


Circle Spread 
Elliptical Coustic 
Stor Coustic 


Randomfan 
PolySpikesall 
PhotonSpikeBail 
Aperture Reflection 
Chrome Hoop 
Single Polygon 


Explosions, starbursts and sun flares - breathtaking effects are at your fingertips 


thanks to Knoll Lens Flare Pro 1.0. 


Featuring 75 darkroom style edge 
effects including transfers and custom- 
crafted effects generated using 
traditional darkroom media, a variety of 
brushstrokes, different edge 
techniques, styles, and tones. 


Photo/Graphic Patterns 1.0 
PC/Mac * £105 * XChange 
International 

t 0171 6372966 

W www.autofx.com 

Photo/Graphic Patterns offers 
tremendous creative potential to 
designers. With this plug-in you can 
make the surface of an image look as 
if it was printed on material such as 
marble, wood, burlap or any textured 
surface of your choice. It also allows 
you to fuse the colors and surface 
qualities of one image onto another, 
and works on type and clip art as well 
as greyscale or color images. 


PhotoSpray 2.0 

PC/Mac * £79 » XChange 
International 

tf 0171 637 2966 

W www.humansoftware.com 
PhotoSpray 2.0 enables you to spray 
images on to other images. Precise 
controls include adjustable shadows, 
opacity and perspective. PhotoSpray is 
unique in that it does not use a single 
image, instead the nozzle cycles 
between a whole set of related images 
contained in the spray, for extremely 
realistic effects. 
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PhotoText 2.0 Terazzo 2 Total Xaos 

PC/Mac ¢ Freeware ¢ Extensis PC/Mac ° £99 * XChange PC/Mac ° £159 * XChange 
W www.extensis.com International International 

With PhotoText you can apply bold, t 0171 637 2966 t 0171 637 2966 

italic, outline and shadow styles WwW www.xaostools.com WwW www.xaostools.com 


without needing the corresponding 
printer fonts. You can define character- 
level styles and reapply them to new 
text with one mouse click. PhotoText 
supports multiple text blocks — you can 
move back and forth between text 
blocks as you experiment with various 
different options. 


PhotoTracer 1.0 


PC/Mac * $99 © Rayflect 

order on-line 

W www.rayflect.com 

Once you've got PhotoTracer plugged 
in, you will be seized with the desire to 
render a 3D scene in Photoshop, 
because it's just so easy to use. It 
features a range of simple models, or 
you can import your own, and apply 
textures. For easy and affordable 3D in 
Photoshop, PhotoTracer is essential. 


Generate an infinite array of 
symmetrical patterns based on tiles 
and textures from your own digital 
images in Photoshop. You get precise 
control over feathering of tile edges 
and can preview your patterns in real 
time as you create them. 


Test Strip 2 

PC/Mac ¢ £129 * XChange 
International 

t 0171 637 2966 

Ww www.vividdetails.com 

Test Strip makes both colour correction 
and proofing easier, faster, and more 
precise. Test Strip also includes a 
complete set of 73 photographic 
filters, including neutral density filters, 
colour conversion filters, colour 
compensating filters, light balancing 
filters, and a polarizing filter. 


Plaids and Stripes Textissimo 

PC/Mac * $795 © PC/Mac * $99 * Human Software 
Monarch Design Systems t 001 408 399 0057 

t 001 718 894 8520 W www.humansoftware.com 

W www.monarchcad.com Textissimo enables you to create cool 


Plaids & Stripes is a plug-in that easily 
and quickly generates simple or 
complicated plaid and stripe patterns 
within Photoshop. These patterns can 
be saved as graphic files for further 
manipulation, and can be incorporated 
in any visual media, serving as 
backgrounds or design elements. 


Select 


PC/Mac ¢ $249 * Human Software 

tf 001 408 399 0057 

W www.humansoftware.com 

Select spells the end to masking 
colour corrections. Just select a range 
and change or adjust up to six colours 
at a time, with extreme precision, 
without masking. Se/ect beats any 
high-end prepress system for CMYK 
colour corrections. 


(@Phototracer 
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PhotoTracer 1.0 makes it easy to render 
a 3D scene in Photoshop, and features a 
range of simple models. 


text effects or effects on graphics in 
seconds. It includes 50 effects in a 
library, along with a CD with 100 more 
effects, including Carve, Drop 
Shadows, Glass, Metal and Chrome, 
and you can easily add your own 
custom effects. 


3D Texture Painter 1.0 

PC © $19.99 © Multimedia Lab 

t 001 401 453 8200 

W www.obc-tv.com 

Texture Painter turns Photoshop into a 
full-featured 3D paint package. You can 
paint directly on the surface of any 3D 
model. All Photoshop features can be 
used for painting without any 
restrictions, and you can import VRML 
files into Photoshop, add textures and 
store all information back to VRML. 


Total Xaos bills itself as the complete 
special-effects package for print, 
multimedia and Web designers, and 
that description is not far wrong. The 
package includes Paint Alchemy 2, 
TypeCaster 1.15, Terrazzo 2, and 
Fresco — all for a remarkably low price. 
From creating painterly effects to 
producing great-looking 3D type and 
instantly producing seamless tiles, 
Total Xaos has it all. 


Typecaster 


PC/Mac * £99 * XChange 
International 

t 0171 637 2966 

W www.xaostools.com 

TypeCaster quickly and easily turns 


common or garden type into broadcast- 


quality 3D titles with depth, texture, 
and contours that lift off the page, and 
you won't have to learn a difficult 3D 
interface. You can scale, rotate, and 
manipulate 3D text, and add depth by 
creating bevels and extrusions with 
extreme simplicity. 


Typo/Graphic Edges 3.0 


PC/Mac ¢ £99 * XChange 
International 

t 0171 637 2966 

W www.autofx.com 

Typo/Graphic Edges allows you to add 
stress and weathering to type, clip art 
and anything else you want to look 
distorted. There are thousands of 
styles and you have complete control 
over how they apply to your artwork, 
with some very cool options indeed. 


Ultimate Texture Collection 


PC/Mac ¢ £129 © XChange 
International 

0171 637 2966 

W www.autofx.com 

The Ultimate Texture Collection 
comprises three sets, each of over 


On the Web Plug-in resources on the Internet... 


nsurprisingly, there's a myriad of 

Websites devoted to plug-ins. Even 
better, there's plenty of freeware and 
shareware plug-ins to download from 
the Net. So if you want a function that's 
really simple or ultra-specialist, trawl the 
Net before you splash the cash. Starting 
with this little lot... 
W www.erols.com/dcfbanks/ 
phplugin.html 


Encyclopedic guide, boasting a list of all 
known Photoshop plug-ins. 

Ww www.adobe.co.uk/products/photo- 
shop/plugins.html 

Adobe's own guide to third-party plug- 
ins, with links to download sites. 

Ww www.deepspaceweb.com 

The premier source for Web designers. 
whttp://johann.simplenet.com 

If you've got lots of plug-ins, this PC-only 


Photo/Graphic Edges Volume Three 
features thousands of hand-painted 
edge effects. 


1000 textures combined with 
innovative technology which gives 
designers a whole new way to work 
with textures. With the Ultimate Texture 
Collection, you can fuse textures into 
type and clip art, or directly into your 
layout, illustration, video or image 
editing application. This package is 
also great for Web design. Volume one 
is based on paper and fabric, volume 
two on stone and metal, and volume 
three on art and organics. 


Vertigo 3D Dizzy 

Mac ¢ $99 ¢ Vertigo 3D 

t 001 604 684 2113 

Ww www.vertigo3d.com 

Vertigo 3D Dizzy is designed to make 
3D intuitive, easy and fun. It enables 
you to load 3D models into Photoshop, 
and then move, scale and rotate it in 
real-time, add custom lighting effects 
and orbit your virtual world with full 
camera control. In addition, Dizzy 
offers photorealistic output. 


Vertigo 3D HotTEXT 1.5 
PC/Mac ° $79 © Vertigo 3D 

t 001 604 6842113 

W www.vertigo3d.com 

Vertigo 3D HotTEXT enables you to 
create 3D text right from your 
keyboard. You can flow your text along 
customized 3D paths for never-seen- 
before effects and incorporate your 
own textures to add creative flair to 
your scene, and use the virtual camera 
to capture the final shot. EEE 


gizmo will help keep track of 'em. 

w www.ultimate-photoshop.com 
Links to tons of freeware plug-ins. 
W www.netins.net/showcase/ 


wolf359/plugcomm.htm 

Photoshop filters for the PC, including 
tools for creating your own. 

w ww.plugins.com/plugins/photoshop 
Great site, including a forum to share 
your likes and dislikes about Photoshop. 
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FIVE FANTASTIC PHOTOSHOP PRIZES ARE UP FOR GRABS IN OUR SUPERB COMPETITION, 
COURTESY OF ADOBE SYSTEMS AND METACREATIONS 


ny Photoshop user who wants to keep up 
with the Web publishing boom really does 
need to consider getting hold of 
Photoshop 5.5. As you’|l have already 
read in our main feature the program has been 
updated for the production of sumptuous Web 
graphics and now has beefed up file compression 
options, the option to turn a collection of images into 
a Web gallery and plenty more. And that’s just within 
Photoshop, because the Photoshop 5.5 comes with 
the full version of ImageReady 2, an application 
that’s designed just like Photoshop but has even 
more features especially for creating graphics for the 
Web. Animated GIFs, interactive roll-overs for your site 
and sliced images are just the beginning. So here’s 
your chance to win the full version of Adobe 
Photoshop 5.5 for either Mac or PC — we have five 


a 


copies to give away to lucky readers, worth over £500 
each! 

That's not all. Metacreations is matching the 
generosity of Adobe by offering five copies of Kai’s 
Power Tools 5, one to accompany each copy of 
Photoshop we give away. KPT5, as we lovingly refer to 
it, is one of the premier plug-in collections on the 
market. Version 5 includes ten new Power Tools, plus 
the 18 original ones, to add 3D excitement as well as 
a bit of full-on weirdness to your Photoshop works. 
FiberOptix, Orb-It and ShapeShifter are just a few of 
the plug-ins you'll be enjoying if you win. Kai’s Power 
Tools 5 weighs in at over £150. 

What's the deal, then? Five winners will each 
receive a copy of Photoshop 5.5 with Kai's Power 
Tools 5. All you need to do to enter is answer the 
following questions and follow the instructions below. 


ower 


The competition 


1) According to our writers, how 
many registered Photoshop 
users are there? 

a) 21 million 

b) 3million 

c) nearly 18 million 


2) How many plug-ins do you get 
with Kai’s Power Tools 5? 

a) 28 

b)) 24. 

c) nearly 18 million 


To enter 
Try the easy way on the Web... 


4 [adobe 


with Kai's pe 


1) Insert the Computer Arts 
Specials CD. 

2) On the Contents screen, click 
Current Compo. 

3) Put ‘Photoshop 5.5 & KPTS 
Compo’ as the competition 
name, fill in the rest of the form 
and click ‘Submit Entry’. 


If you don’t have Web access you 
can send a postcard to: 
Photoshop 5.5 & KPT5 Compo 
Computer Arts Specials, Future 
Publishing, 29 Monmouth Street, 
Bath BA1 2DL. Remember to 
include your name, address, 

and a daytime telephone number 


Paw) 


win photoshop & kpt +....photoshop special 


so we can contact you if you win. 
Also tell us if you have a Mac 
or PC. 


The rules 


Closing date for entries is 14 
December 1999. Employees of 
Future Publishing, Adobe Systems 
and Metacreations, or any of their 
agents and families, may not 
enter. One entry per reader. The 
editor’s decision is final, no 
correspondence will be entered 
into and there are no cash 
alternatives. No purchase 
necessary. Gg 
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KPT Equalizer 


image tuning 
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RN HOW-TO GET THE MOST FROM THE BRAND NEW Kai’s PowER 
OOL — PROVIDED TO YOU EXCLUSIVELY ON OUR CD 


i you start talking about visual with blurring and the three lowest numbers with 


frequencies. in images, it's either time sharpening the image. 
to leave the pub or start using KPT KPT Equalizer is from the new range of Kai's plug. 
Equalizer. The equalizer consists of nine ins called KPT X. It’s brand new and we're bringing you 
sliders with the numerical values of 1, 2, 4, 8, 16, 32, a full version on our CD. 
64, 128, 256. These work by brightening or dulling 
the image depending on whether the slider is pulled PON EAARARM erotos) 
The files used to create this up or down. The three highest numbers tend to deal soon at Metacreations’ W 
tutorial can be found in the 
Tutorials/Stockbyte directory. 
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27 Equalizer effects 


Here's just a selection from the hundreds of effects you can create with your free KPT plug-in 


Subtle difference - a slightly undulating curve 
increases the colour values and lightens some of 
the darker areas, especially on the little girls. 
256 = 0%, 128 = +50%, 64 = 0%, 
32 = -50%, 16 = 0%, 8 = -50%, 4 = 0%, 2 = +50%, 1 = 0%. 


Hazy sunshine - this is a subtle effect which 
takes the sharpness of the edges down a touch at 
one end, while the colour values and contrast are 
increased at the other. Also warms up the skin tones. 
256 = +100%, 128 = 0%, 64 = 0%, 
32 = 0%, 16 = 0%, 8 = 0%, 4 = 0%, 2 = 0%, 1 = -100%. 


Even blurrier than the day before — now this is 
beautiful. The blur is set to maximum with the 
sharpness taken down to its minimum level. The image 
becomes quite abstract. 
256 = +100%, 128 = +100%, 64 = +100%, 32 = 0%, 
16 = 0%, 8 = 0%, 4 = -100%, 2 = -100%, 1 = -100%. 


Myopic Mr Magoo - the sharpness of the image 
is taken right down to the lowest level here. The 
blur and colours are intensified by setting the higher 
numbers to maximum. A good optical blur. 
256 = +100%, 128 = +100%, 
64 = +100%, 32 = +100%, 16 = 0%, 8 = -100%, 4 = -100%, 
2 = -100%, 1 = -100%. 


Maxed out high contrast - no compromise 
here, the light areas have been blown out so 
much that they've taken out adjacent parts of the 
image. Even so, the image loses little integrity. 
256 = +100%, 128 = +100%, 
64 = +100%, 32 = +100%, 16 = +100%, 8 = +100%, 
4=+100%, 2 = +100%, 1 = +100%. 


Kind of Bump Map Find Edges thing going on - 
The effect here produces something similar to 
the High Pass filter in Photoshop. But the lines are 
more defined and the image has more contrast overall. 
256 = -100%, 128 = -100%, 
64 = -100%, 32 = -100%, 16 = -100%, 8 = -100%, 
4=-100%, 2 = -100%, 1 = +100%. 


Up, down, up, down or spring cleaning - here 
the colour and line are given a real boost 
revealing hidden depth in the image by alternating 
between maximum and minimum settings. It takes the 
dirtiness out. 256 = +100%, 
128 = -100%, 64 = +100%, 32 = -100%, 16 = +100%, 
8 =-100%, 4 = +100%, 2 = -100%, 1 = +100%. 


Blurry, blown out but sharp - these settings 
make for a high-contrast image which blurs within 
areas but keeps the edges sharp. Some haloing occurs 
too. 256 = +100%, 128 = 0%, 
64 = -100%, 32 = 0%, 16 = +100%, 8 = 0%, 4 = -100%, 
2=0%, 1=+100%. 


Yeah! Freak out like Jimi Hendrix - vivid and 
vibrant. The way everything would have looked 
like in the 60s. This works best with a colourful 
original. 256 = +100%, 128 = 0%, 
64 = -100%, 32 = +100%, 16 = +100%, 8 = +100%, 
4=-100%, 2 = 0%, 1 = +100%. 
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continued... 


Big, blurry airbrush with sharp edges - again 
this works better with a bright image because it 
boosts the colour. The outlines are picked out and take 
on an embossed effect. 
256 = +100%, 128 = 0%, 64 = -100%, 32 = -100%, 
16 = -100%, 8 = -100%, 4 = -100%, 2 = 0%, 1 = +100%. 


Saturated, grainy and groovy - The blurring and 
sharpness are at maximum here which makes the 
colour spill on to the background. Blurred areas in the 
original get grainier. 256 = +100%, 
128 = +100%, 64 = +100%, 32 = -100%, 16 = -100%, 
8 =-100%, 4 = +100%, 2 = +100%, 1 = +100%, 


Bad colour copy (retro funky) - this setting 
produces a degraded looking image with thick 
bright halos on the outside of edges. Large flat areas 
becomes noisy. 256 = -100%, 
128 = -100%, 64 = -100%, 32 = -100%, 16 = 0%, 
8 = +100%, 4 = +100%, 2 = +100%, 1 = +100%. 
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Big, bright and blurry — the colour has been 
brightened so much here that the contrast has 
also increased. Although the image is blurred, the 
edges have still remained strong. 
256 = +100%, 128 = +100%, 64 = +100%, 32 = +100%, 
16 = +100%, 8 = -100%, 4 = -100%, 2 = -100%, 1 = -100%. 


Short sighted focus — here the sharpest parts 
of the image are kept in focus while the mid 
tones and shadows are blurred. It can give the effect 
of narrow depth of field. 256 = 0%, 
128 = +30%, 64 = +60%, 32 = +30%, 16 = 0%, 8 = -30%, 
4=-60%, 2 =-30%,1=0%. 


Light enhancement - the light and mid toned 
areas in the image are intensified and spread out 
on this setting. 256 = +100%, 
128 = 0%, 64 = -50%, 32 = -20%, 16 = 0%, 8 = +20%, 
4=+50%, 2= 0%, 1 =-100%. 


Alien Triffids coming to get you! - the effect 
here produces a three dimensional sense of 
movement. This is caused by blurring parts of areas 
while keeping the edges fairly clean. 
256 = -100%, 128 = -100%, 
64 = 0%, 32 = +100%, 16 = +100%, 8 = +100%, 4 = 0%, 
2 =-100%, 1 = -100%. 


Old film soft focus close-up - this setting gives 
quite a good natural looking type of blur, and also 
helps to brighten the image a little too. 
256 = +70%, 128 = +50%, 
64 = +20%, 32 = 0%, 16 = -20%, 8 =-50%, 4 = -70%, 
2 =-90%, 1 = -100%. 


Another bright blur - Here the midtones are 
taken to maximum saturation with the sharpness 
at the lowest setting. A consistent effect is achieved 
even on already blurred areas. 
256 = -100%, 128 = 0%, 64 = +100%, 32 = +100%, 
16 = +100%, 8 = 0%, 4 = -100%, 2 =-100%, 1 = -100%. 
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still continued... 


Freaky deaky hardcore - quite a profound 
increase in sharpness and contrast with these 
settings. Fine textures are also picked out. 
256 = +100%, 128 = +100%, 
64 = +100%, 32 = 0%, 16 = -100%, 8 = 0%, 4 = +100%, 
2 = +100%, 1 = +100%. 


Another bright blur - the brighter colours burn 
into each other and the highlights blow out in this 
alternative blur technique. 
256 = -100%, 128 = 0%, 64 = +50%, 32 = +70%, 
16 = +100%, 8 = +70%, 4 = +50%, 2 = 0%, 1 = -100%. 


Strange but true - this effect gives good edge 
emphasis and glows. Also produces blurs of 
colour. 256 = -100%, 128 = 0%, 
64 = +100%, 32 = 0%, 16 = -100%, 8 = 00%, 4 = +100%, 
2=0%,1=-100%. 


Hard on the eyes - this works very well on an 
image with lots of different colours in it as they 
become very intense. Also creates high luminosity. 
256 = +100%, 128 = -100%, 
64 = -100%, 32 = -100%, 16 = +100%, 8 = -100%, 
4=-100%, 2 = -100%, 1 = +100%. 


Electric blur - Even parts of the black background 
yield to the power of this blur that pulls some 
amazing colours from the image. 
256 = -100%, 128 = -100%, 64 = -100%, 32 = +100%, 
16 = +100%, 8 = +100%, 4 = -100%, 2 = -100%, 1 = -100%. 


Bounded Sharpen - this is a subtle tool so we 
have set the Sharpen and RGB Tolerance 
parameters to maximum to show the full effect. The 
Bounded Sharpen option stops any halo efects 
happening which occur when an image has been over 
sharpened. It is useful for sharpening images that have 
become blurry through enlargement. 


Wear shades - this effect brings high 
saturation and contrast to the image and brings 
out colours that don't seem to be in the original. 
256 = -100%, 128 = +100%, 
64 = +100%, 32 = +100%, 16 = -100%, 8 = +100%, 
4=+100%, 2 = +100%, 1 = -100%. 


Bright contrast - what can we say? It brightens 
and adds contrast to the image. Oh, it sharpens it 
too and causes a little haloing. 
256 = +100%, 128 = +100%, 64 = 0%, 32 = +100%, 
16 = 0%, 8 = +100%, 4 = 0%, 2 = +100%, 1 = +100%. 


Contrast Sharpen - it works by adjusting the 
contrast of the pixels according to the size of the 
raduis. Here the Sharpen Radius has been set to 
maximum to show the full effect of this sharpen tool. 


photoshop special | computer arts | 61 


photoshop special ? plug-in skills 


Mask Pro and 


; 


Full versions of the plug-ins are 
on our CD.The files needed are in 
the MaskPro folder in Tutorials. 
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GET TO GRIPS WITH MASK PRO 1 AND PHOTOFRAME. 
FULL VERSIONS OF BOTH PLUG-INS ARE ON OUR CD... 


n the CD that comes with this Photoshop, 
Special, you'll find full versions of Both 
Mask Pro 1 and PhotoFrame 1 by 
Extensis. They originally sold at a total 

price of £348. Mask Pro makes it easy to mask 

images with ‘difficult’ outlines — fur, human hair and 

anything with a fuzzy edge. PhotoFrame lets you add a 

range of frames to your images. To install them, you 

need codes from a Website set up for our readers. 

Log on to www.extensis.com/photoshopspecial, enter 


Oo 


your details and the software you seek the code for 
To show you what these plug-ins can do, we've 
devised a mythical commission for a photo mag. The 
images are on the CD.One is among the Stockbyte 
images, the other is in the Tutorials folder in the 
MaskPro subdirectory. We’ve used the Windows 
version here, but all the techniques apply to the Mac. 


Made Pr6 Bie434.86 and Photoframe 2 is £152. Visit 
extensis.com or call Computers Unlimited on t 0181 358 
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Stage one: Getting started 


First we'll sort out our images 


Co. Our plan is to use this image of a sunflower 
(sunflower.jpg) as a ‘painting’ in the background 
of our montage. We’ve already applied Photoshop's 
Watercolour effect and the next step is to use 
PhotoFrame to add a frame to it. You'll find 
PhotoFrame under Extensis on the Filters menu. 


Co. Underneath the main preview area is a row of 
four buttons. Select the Move tool (third from the 
left) to drag the frame around, or drag on its corner or 
edge handles to resize it. The Orientation gadget to the 
left of the main window lets you change the frame’s 
angle of rotation. 


oe. Mask Pro is on the same Extensis menu as 
PhotoFrame and it too opens your image in its 
own window. The Navigator palette works like 
Photoshop's, and you’Il find Zoom and Pan tools on the 
Tools palette. This palette also has ordinary airbrush, 
brush and bucket tools, plus ‘magic’ bucket and brush. 


6. Our image then opens in the PhotoFrame 
window. If you've already selected a frame, it’s 
previewed in the main window. On the left you'll find all 
the controls including, in the top left, a thumbnail of 
the frame you’ve chosen. Next to it are three buttons - 
you can combine up to three frames. 


6. Underneath this you'll see two tabs - one for 
the Frame’s background and one for its border. In 
both cases you can choose a colour from this pop-up 
palette or use the dropper tool underneath the main 
image area to pick up a colour from the image (to 


create a border, you first need to move the Width slider 
off zero). 


These two tools work in conjunction with Mask 
Pro’s Drop and Keep palettes, colour-coded red 
and green. The idea is that you use the green dropper 
to select the colours you want to keep and the red 
dropper to choose the ones you want to delete - these 
colours are added to the appropriate palette. 


Co. PhotoFrame comes with ten different frames in 
two separate volumes, and when you choose one 
it’s automatically scaled to fit your image. You can 
create your own frames, though, since PhotoFrame will 
load JPEGs and other file types as greyscale masks 
which you handle in just the same way. 


Now we need to sort out our foreground image. 
This is called photographer small.jpg, and it’s a 
downsized RGB version of one of the sample Stockbyte 
photos on the CD (9334ctl). Mask Pro needs a channel 
to store the mask in - double-click on the image in the 
Layers palette to convert it to a layer. 


You can see how this works by first trying out 
the ordinary brush tool. This just ‘brushes’ away 
the image indiscriminately (it’s still useful in some 
circumstances, though, as we’ll see later on). Use the 
Brush Edge and Brush Size sliders to experiment with 
the brush’s properties. 
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10,4 You can undo any mistakes by hitting Ctrl-Z 

(Command-Z). Mask Pro offers a ‘progressive’ 
undo, so keep the keys pressed until you're back to the 
point where things went horribly wrong, then let go. 
There’s also a Restore mode for painting back the 
original image - click the mode toggle button at the 
bottom of the Tools palette. 


To see this in action, click the Magic Brush tool 
and try dragging along the edge of the 
photographer’s shirt. Depending on how well you’ve 
chosen your colours, Mask Pro will delete the 
background without erasing any of the shirt. It’s not an 
exact science, and you may have to experiment. 


Navigator 


16 Mask Pro’s strengths become apparent when 
you come to human hair, a subject that’s almost 
impossible to isolate cleanly using normal masking 
tools. You can change Drop and Keep colours with the 
Magic Brush tool still active by Ctri or Alt-clicking 
respectively (Command and Option keys on the Mac). 
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1 You need a steady hand and a good deal of 

patience to mask images this way, and it doesn’t 
work on fuzzy or complex outlines. So click the green 
Keep dropper and drag along the edge of our 
photographer's shirt (dragging stores an average 
pixel value, clicking stores the colour value at a 
single point). 


For example, foreground objects and 
backgrounds are seldom a uniform colour (you 
wouldn’t need Mask Pro if they were), and to get round 
this you can either replace the Keep and Drop colours 
or add new ones. How? Just shift-drag with either 
dropper and the new colour will be added to the 
existing one. 


If you haven't noticed it already, both the Drop 
and Keep palettes have Trash icons for deleting 
colours you don’t want. But they can also keep ‘sets’ of 
colours for re-use — click the New Set button at the 
bottom-left of the palette, then add colours as normal. 
Click the little lamp to the left of any set to make it the 
active one. 


124 See how the colour was added to the Keep 
palette. You can now do the same with the 
background, but this time using the Drop tool. With 
some careful juggling it’s possible to get Mask Pro to 
differentiate accurately between very similar 
foreground and background tones. 


‘15 You may also need to experiment with the 

Magic Brush’s sliders. The Brush Edge and Brush 
Size sliders are pretty self-explanatory; the Threshold 
slider retains More or Less of the original image as you 
paint, while the Transition slider controls the 
abruptness of the transition. 


18 So far we've only been tracing the outline of 
our image - we still have to ‘fill’ this outline to 
turn it into a mask. First, zoom out by clicking the Zoom 
tool then Alt-clicking until the image fills the window. 
Then click the Greyscale button (second from the left, 
bottom left of the Mask Pro window). 
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Stage three: The final touches 


We now need to use the bucket tool to fill the 
area around this outline. The first attempt, 
though, is likely to fill the whole mask - this will 
happen if there’s even a tiny ‘hole’ in the outline. First, 
then, it’s a good idea to check the outline, filling in any 
gaps first with the standard Brush tool. 


[22 As well as a Magic Brush, Mask Pro has a 
Magic Wand. This uses the same Drop/Keep 
colours principle as the Magic Brush, and it’s the ideal 
tool where you have large areas of similar tones that 
you want to remove. Here. We've opted to Drop the 
blue of the sky and Keep the colours in the sunflower. 


[Adobe Photoshop 
Ee inage Layer Select Fiter View Window Help 


kijfinished pad @ 32.3% (Layer 2. AGN} 


Co. Now we can drag the newly-masked sunflower 
on to our main image as the third layer. Mask Pro 
hasn't really done anything we couldn’t have done in 
Photoshop anyway, but it has made it much easier, and 
the outlines of our masked objects are particularly 
clean given the time it took to generate them. 
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With the background properly filled, you can 
close the Mask Pro window to have the effect 
applied to the image. As you do this you’re prompted to 
choose clipping path options. If you only want a mask 
rather than a path too, ignore the settings and click the 
No Path button. 


eo. And here’s the result. Again, you can 
experiment with the Drop and Keep colours to get 


the best results from the Magic Wand tool. To reduce 
any colour fringing around the objects you’ve masked, 
try moving the Threshold slider right down to Less (to 
leave less of the image behind). 


The layers in the image have been resized 
using Photoshop’s Transform tool and moved 
around to make room for our title text. We’ve also 
changed the levels in a couple of the layers to increase 
the differentiation between objects. A bit of crafty 
leading and text sizing is all we need now... 


We can now add the newly-masked 
photographer to our background image as a 
new layer, resizing the background and moving it 
towards the top left-hand corner. We've a third image 
to add now, a copy of the sunflower image but this 
time without the sky and placed directly in front of 
the camera. 


Ea] 


The Magic Wand isn’t the only other tool we 
can use. It’s not especially effective where the 
object your trying to mask is almost indistinguishable 
from its background. Here, you can use Mask Pro’s Pen 
tool to draw around objects manually, clicking to 
create editable nodes (option-drag on them to produce 
bezier-style control handles). 


@. -. Together with a couple of the new Layer 
Effects introduced with Photoshop 5. Here we've 
applied a bevel to give the text a shiny 3D effect, plus 
a drop shadow to lift it off the background. You can 
find the finished Photoshop file on the CD 
(finished.psd). 
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PhotoGraphics 1.0 


creating vector art 


The file used is on our CD, in 
the PhotoGraphics folder in 
the Tutorials directory. 


68 | computer arts | photoshop special 


— 


2, ADD VECTOR GRAPHICS TO PHOTOSHOP ART WI 


PLUG-IN AND CREATE THIS DELIGHTFUL IMAGE... 


hetoGraphics is a plug-in that adds vector 
graphics toals to Photoshop =something 
illustrators have been crying out for 
P Bthere’s a30-day version on our-coverdisc. 
This tutorial will utilize the two main features of 


< aan a namely, the ability to create geometric 


végtor shapes and make text'run a path — from within 
PhotoshOp. These features havebeen absent from 
Photoshop up to now and should prove invaluable. To 
create this slightly Art Nouveau/Aubrey Beardsley 


kind of picture, you willbe using the main features of 
PhotoGraphies. and combining them with Photoshop 
techniques to explore the full compatibility between 
the two. To do this Kind of thing previously, you'd have 
had to open up’a separate illustration program and 
jump between the two. Here‘it’s all done from within 
Photoshop, which leaves more time for creativity. 


RIES 2.095 £327.50. Drop into W www.extensis.com or 


rs Unlimited on £:0181 358 5857. 
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Stage one: Background geometric shapes 


First we'll conjure up a dazzling jewel... 


Go to View>Show Rulers and then drag two 

guidelines in from the sides to meet at the 
halfway point. We’ve made this canvas size 24cm 
across and 30cm down, so the guides should be at 
12cm and 15cm respectively. Double-click on the 
Polygon tool icon in the toolbar (fourth down on the 
left). Select 6 in the Sides option, and explore the 
other settings if you like. You can also get the same 
hexagon shape by ticking Star Shape, keep Sides to 3 
(for some reason) and set Radius to 100 per cent. 


Co. Create a new file and fill the canvas with a 
darkish colour. Open up PhotoGraphics (you will 
need to restart your computer after installing it). You 
will find that the layout bears a close resemblance to 
Photoshop's, making it very easy to find your way 
around and get results quickly. 


Sawa 


Look over at the toolbar and you will see that 
there are two colour-squares in the same place 

as in Photoshop. The only difference is that the top one 
is for filling areas and the lower one for stroking 
shapes. The fill square defaults to transparent, so 
select and hold down on it and choose a colour from 
the palette, like blue. The hexagon automatically fills. 
There is not a huge array of colours to choose from, but 
of course this can be rectified in Photoshop if need be. 


Create a new layer in the layers dialogue box. 
Again, it’s just the same as in Photoshop; click on 
the folded paper icon. Now select a new geometric 
shape. We wanted to create a kind of jewel-like shape 
for this picture, so we’re going to use a variety of three 
and six-sided (or pointed) forms. Explore all the 
possibilities here — it’s good fun. 


Co. Click OK on the Polygon box and position the 
mouse exactly over the guides’ crossover point. 
Hold down the Shift key and, holding down the 
mouse, drag the hexagon shape out from the centre. 
Holding down the Shift key means the hexagon stays 
vertically aligned. 


CG. Again, hold the Shift key down while dragging 
to keep the shape upright (but of course play 
around with the Shift key off when making shapes at 
other times). 


Co. Select another colour in the Fill 
square, eg white, to fill this new 
shape. If you ever want to go back toa 
previous layer to change the colour, 
click on the relevant layer in the layers 
box and also select with the arrow tool 
the shape on the screen. 


Here we’ve created a new star 
shape and filled it with purple. As 
it obscures the previous star, we need 
to reduce its opacity to make the lower 
one visible. It’s done in exactly the 
same way as in Photoshop with the 
layers box. 


oO And here’s the result. 


o. Create a new layer, make a 
new shape, fill it and alter the 
opacity. You may find that changing 
the order of the layers helps create 
an attractive image. It’s very much 
a case of experimenting and seeing 
what happens. 
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Now to create a multitude of glittering jewels 


When you’re happy with the 

image, click on the Apply To New 
Layer bar at the bottom left of the 
screen. It’s important to create a new 
layer or you won’t be able to alter this 
jewel shape in Photoshop. The shape is 
then inverted (image>Adjust>Invert) to 
give the hexagon more contrast against 
the blue. 


The hexagon is then duplicated 
several times and rescaled to 
form this cell-like formation. Merge all 
the layers together. 


Now to really Photoshopise the 
image; duplicate this layer and 
change the top layer’s settings to 
Overlay. Apply some vertical Motion 
Blur to this layer also. 


Drawing the lily 


Let’s get down to earth to create our flower 


Open the line drawing on the lily from the CD 
and drag it on to the background image and set it 
to Multiply in the layer options. This makes all white 
disappear, leaving just the black lines. We are going to 
use this as the template for a stencil-like rendition of 
the flower in PhotoGraphics. 


When you’ve completed a path, select a colour 
in the Fill square, and it automatically fills the 
area - no need to go to Edit>Fill etc like in Photoshop! 
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Go back into PhotoGraphics and delete the 

polygon layers. You will notice that the line 
drawing layer is visible. This wouldn’t be the case if 
you'd created a new layer in Photoshop - the whole 
area would be transparent. This is where we use the 
pen tool to create paths. If this is hard in Photoshop 
you won't find it any easier in PhotoGraphics! It’s all a 
case of clicking a starting point and then clicking and 
dragging to make curved lines connecting all the 
clicked points. 
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You can use the eyedropper tool to fill any 
subsequent paths. Once the path has been 
closed, click on any colour in the picture and the area 
fills. The lily is going to end up white in this picture but 
it would be hard to see it in this case, so fill it with any 
other colour and change it back in Photoshop. 


Duplicate the first layer again, 
invert it and change the setting to 
Overlay or Hard Light. You basically 
want to get some interesting contrasts 
happening between the layers. Then 
invert the image again! 


Once you've finished the lily, apply it to a new 
layer as before and when it’s appeared against 
the background, delete the original line drawing. Then 
click on Preserve Transparency in the layers dialogue 
box and fill the lily with white. 
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And finally the text 


Spread the word and complete your image 


Go back to PhotoGraphics and you should see 
the white lily layer like this. Recreate the two 
halfway guidelines if you got rid of them and, using the 
circular tool, hold down Shift and Alt whilst dragging 
from the centre to give a perfect circle. 


4 Repeat this process to create two more rings 
of text inside the first one. Keep all the settings 
the same except for the size, which should be reduced. 


Then duplicate the distorted layer and invert 
the lower one to white and drag it downwards by 
a few pixels to give the impression that the text is 3D. 
This is a good time to start doing more adjustments to 
the whole image, now that all the elements have been 
created and are in place. We added saturation to the 
background to make everything brighter and inverted 
the text (having merged the black and white layers). 


2g Select the Text tool (T in the toolbar) and click 
on the circle where you want the text to start. 
Don’t worry if it’s not exact. You can shift everything 
around the circle to any point. Don’t worry about 
whether it’s all going to fit or whether there’s going to 
be too much space left over. You can alter the type size 
by a point at a time until it all fits perfectly. Once 
you've activated the type tool you can choose the 
colour, font, size, style and alignment of the letters. 
(We’ve used Black/New York/48 (then reduced)/ 
Normal /Right. 


| ess 


eS sia 


As before, apply the work to a new layer and 
the text appears on the picture so far. 


Darken the background in order to add 
legibility to the text, and alter the hue. Duplicate 
the lily, shrink it down and put this layer on to the 


Overlay option in the layers dialogue box and then copy 


it around the picture a few times. The subtle ripples 
were created by simply adding stroked ellipses and 
selecting the Overlay option again. To give the 
impression that the lily is standing in water, select the 
bottom half of the picture and apply quite an extreme 
vertical Motion Blur to the background and then a 
much milder Motion Blur to the smaller lilies so that 
you can still see their detail. 


To change text size, select all the text by 

sweeping round the circle from the last character 
you typed to highlight it all. Then hold down Shift and 
Command (Shift and Ctrl) and press the comma key to 
reduce the type size by one point per click. Similarly, 
you can increase the type by one point per click by 
substituting the full stop key for the comma. There is a 
small arrowhead pointing up at the last thing typed and 
by holding on to this you can drag the whole ring of text 
round to where you want it to start. 


To make it a little more interesting, use the 
Distort tool to add perspective to the rings of 
text. Be careful that the text will all be visible when 
the rings are put into place, that’s why there is a slight 
gap at the top so the lily’s stalk will appear as if it’s 
passing in front of the words. 


And here’s the result - your lily is finished, 
complete with text and surrounded by jewels. 
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You'll find all the files you need 
to complete this tutorial in the 
Stockbyte folder on the CD. 
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CREATE MIND-BLOWING SPACE VISUALS IN PHOTOSHOP, USING THE 
ROGKET-POWERED PHOTOTOOLS FILTERS COLLECTION FROM EXTENSIS 


fo hotoshop plug-ins are only as g 

| user is creative. It's easy to just si 
back and let the filter do what it says it 

does. The real pleasure comes when 


experimenting with filters to increase your artistic 


\p_ 


possibilities. 


Extensis PhotoTools 3 is a collectior 


1 of 
includes Emboss, Bevel and CastShadow. These aré 
Sually used in a pretty formulaic way as their nam 


. But they areélso versatile enough to 


filters that 


produce sone great illustrative effects combined with 
Photoshop's own filters. Also included is a good 
texture map generator called PhotoTexture which 
allows you to build up your own. We'll have a little 
dabble in here too. 
So without further adowget ready for the 
countdown, wediave Vtt-off.. 
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Photetoolsi§ £99. Drop into W V7. cxtensis.c 


om.af call XChange 
internbational on € 0171 637 2966. 
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Lightning and planet 


Here we'll use several of the PhotoTools filters to build a planet 


Canvas Size 
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Anchor: 


1g Open the file 14745BUS6 from the Stockbyte 
directory. Go to Image>Image Size and reduce 
the width to 20cm with the constrained proportions 
box checked. Then make the Canvas Size 23x29cm 
with the image in the bottom right hand corner. For 
manageability you may also wish to reduce the res. 


Next we need to blend the satellite in with the 
sky. Add a New Adjustment Layer 
(Hue/Saturation) above the satellite layer. Check 
Colorize, then type these settings in: Hue 232, 
Saturation 26, Lightness -15. That's better. 


Extensis™ PhotoButton 3.0 


(2 Add a new layer and name it Sky. Use the 

Eyedropper to select the darkest and lightest 
parts of the sky on the satellite Layer. Select the 
Radial Gradient Tool and draw a line near the bottom 
right-hand corner towards the centre. 


Extensis™ PhotoButton 2.0 


Still on the sky layer, in Channels Mode, 
Command (Ctrl) click on the Alpha 1 channel to 
select it. Then click on the Add Layer Mask button at 
the bottom of the Layers palette. This knocks out the 
area of the sky where the satellite is. 
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5 Now we're going to create a planet. Open 

PhotoButton in Filters/Phototools. Choose a 
circle shape and type in 1000 in the Width and 1000 in 
the Height fields. Disable Background Processing in 
the Options drop down menu to speed things up. 


Extensis™ PhotoButton 3.0 
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Next we'll set up the bevel to help make the 
cicle look more spherical. Set the Bevel Width to 
100 per cent, Height to 100 per cent, Softness to 50 
per cent and leave the Inner Height at 0 per cent. Click 
on the Show/Hide Bevel Shape button, then check the 
Pointy box at the bottom of the window. 


Click on the Color tab. Check the No 
Highlighting box in the Inner menu. Set Material 
to Chrome in the Bevel menu and Matte in the Outer 
menu. Choose bright red for the Paint Color and a soft 
yellow for the Highlight, then set the Direction of the 
Highlight to 35° and the Inclination to 0°. Click Apply. 


6 Click on the Texture tab at the top, then on the 
Import button. Locate the Extensis Phototools 
folder and open Sample30.jpg from within Texture 
Samples. Set the Bump Map Blur to 5, Height to 20, and 
click on both Fill All buttons. 


Now we need to make it look a little more 
convincing. Command (Ctrl) click on the layer to 
select the planet, then go to Filter>Distort>Ocean 
Ripple and set both sliders to maximum. Then Spherize 
at 100 per cent on Normal and Gaussian Blur on 5 
pixels. Now set the layer Mode to Lighten. 
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Continued... 
Now for a thunderbolt of lightning 


Move the planet over to the right and create a 
Layer Mask from the selection. With the Radial 
Gradient Tool set to Multiply, draw a diagonal line from 
the top right of the planet to the bottom left. This 
makes that area disappear into the night sky. 


Stroke the path with a white Pencil (Click on 
the arrow at the top right of the Paths palette). 
Then on the lightning layer, select the line by Command 
(Ctrl) clicking. Go to Select>Modify>Expand and type in 
5. Now fill the new selection with white. 


Duplicate the lightning layer again. This time 
Gaussian Blur at 150 pixels. This extends the 
glow outward. Create a Layer Mask by Command 
Clicking on the sky Mask, then click on the Add Layer 
Mask button. This brings the scaffolding back through. 
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Now we're going to add some lightning effects. 
Create a new layer. We'll draw the lightning with 
paths first. Use the Pen Tool to draw a path from the tip 
of the cone on the satellite dish to the underside of the 
scaffolding structure (as shown). 


Now to add the glow. Go to Filter/Phototools/ 
PhotoGlow 3 and pull all the sliders to the right 
for maximum intensity. Choose a pink colour for the 
glow then apply. This may take a few minutes to render, 
so hit Save and go put the kettle on. 


Add a new layer above the lightning layer for 
the sparks. Again draw these using paths. Choose 
the second from smallest brush loaded with white 
paint. Click on the arrow at the top right of the Paths 
palette, and go to Stroke Path and choose the Paint 
Brush Tool. Then Gaussian Blur by 1 pixel. 


124 Using paths to draw with keeps them editable 
until you're satisfied with the lines. Draw quickly 
and erratically. Place points, then pull out the anchor 
points slightly, then place another to get the best 
effect. End the path at the top left corner. 


Make a copy of the lightning layer by dragging 
the layer down to the Create New Layer button. 
Select Filters/Blur/Gaussian Biur and type in 8 pixels. 
Then set the Layer Mode to Color Dodge. This really 
intensifies the light and blows out the edges of the 
lightning strike. 


In Filters>PhotoTools>PhotoGlow 3, set the 
Stroke Width to 1, Radiance to 2, colour to pink 
and Opacity to 60 per cent. Duplicate this layer and set 
it to Color Dodge Mode to intensify the light. Gaussian 
Blur at 5 pixels, this spreads the effect in the centre of 
each strike. 


Stage two: The moon 


; 
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Now we'll use PhotoTexture to create a texture map 
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oe. Make a circular selection, then go to 
Filters>PhotoTools>PhotoTexture 3.0. A New 
dialog box pops up, click OK to take you to the 
PhotoTexture window. Now click on the Open button 
and locate the Extensis PhotoTools 3 Folder. Choose a 
sample from the Texture Samples folder. We've used 
Sample 05. 


Stage three: Starburst 


A galaxy of fiters here. Hold on tight! 


So. Add a New Layer. Open PhotoButton and 
choose a five pointed star of 600x600 with 0 per 
cent Corner Radius. In the Bevel mode, select Half 
Pipe. Set the Bevel Width to 50 per cent, Height to 
200 per cent, Softness on 50 per cent and Inner Height 
to 0 per cent. 


o. In PhotoCastShadow, select the Cut Out 
Setting. Uncheck Invert Selection. Set the Biur to 
15, Noise to 100, and choose a bright red colour. Then 
in PhotoGroove, select a Round Bevel at 60, Height 100 
per cent, Softness 1.5 on Plastic Material. Highlight 
with white on 120° Direction and 50° Inclination. Set to 
Lighten Layer Mode. 


o. You can create your own textures here, but 
we're just going to modify this one for now. Click 
on the Waves button. With Wave Form on Random, type 
in 100 per cent for Heights, with a Count of 5. Click on 
the Add Bump Map button, then Apply. Command (Ctrl) 
click to select the moon, then Spherize at 100 per cent 
on Normal setting. 


oe. Now Click on the Color tab at the top of the 
window. Check the No Highlighting box for the 
Inner and Outer Bevel. Use the preset Chrome mode for 
the centre Bevel. In the Highlighting section, set the 
Color to light yellow and the Direction to around 45°. 
Apply and place to the left of the lightning strike. 


CG. On the other star Layer, go to PhotoEmboss, 
choose Emboss Type Blur. Set Amount to 25, 
Softness to 25, Contrast to 160, Highlight and Shadow 
to 75 per cent. Use green and red for the Highlight and 
Shadow colours at 90°. Then in PhotoBevel, choose an 
Outer Type, Double Bevel on Maximum Edge Tolerence. 
All sliders to the right except for Balance to the left. 
Yellow colour, 0° Direction. 


So. In PhotoBevel, use an Inner Bevel to add 
lighting. Copy these settings, Width 100, 
Softness 25, Balance 60 per cent, Highlight and 
Shadow Intensity at 50 per cent. Use a light yellow for 
the Highlight colour and a dark blue for the Shadow, 
with the Direction at 43°. Add a Layer Mask and use the 
Radial Gradient Tool to sink the dark side into shadow. 


So. Duplicate the layer as we're going to apply a 
different effect to the other one. Draw a circular 
selection over the star, big enough to encapsulate it. 
Then Radial Blur on the Spin Method at 100 per cent. 
Draft Quality if fine. Invert the layer. 


CG. Use the Spin Radial Blur again on 100, Draft. 
Move the selection to the centre of the canvas 
and apply the Shear Filter (see inset for curve). Put this 
layer beneath the planet layer and reposition the 
image. Tidy up using the sky Layer Mask, selections of 
the planet and moon, and a little brush work. Now carry 
on experimenting. 
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Genesis V2 PRO 


optical effects ...., 


) Meh | 


You'll find all the files you need 
in the Genesis V2 PRO folder in 
the Tutorials folder on the CD. 
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CONJURE UP INCREDIBLE GLOWS, LENS FLARES, SMOKE AND FLAME 
EFFECTS “ores VERSION OF GENESIS V2 PRO ON OUR'CD 


he first Aresis plug-in for Photoshop was 
quite spectacular but it proved to have a 
difficult interface. But now it has been 
reprogrammed with brand new effects and 
a new modus operandi, however. The final result is 
Genesis V2 PRO and we are pleased to bring you an 
exclusive 30-day, fully!working version of this latest 
release on our cover CD. 
You won't have seen it before — anywhere. The 
program can be used to implement a variety of 
special effects in Photoshop. As you'll see in our 


tutorial it Can do anything from simple glows to wild 
spacey specular highlights. Unfortunately this plug-in 
is for PGs only. 

To follow our Genesis V2 PRO tutorial you'll 
need to use some of the free Stockbyte images 
provided on our coverdisc. To reduce render times 
we suggest you save the images at a smaller size 
before setting out. 


Gerres is VPRO B98: Drop into W www.futurefantastic.com or 
call Future Fantastic on t 01904 780 800. 


Simple Glows 


Beware of the radioactive cow... 


Open the Cows image. This is a smaller version 
of the high res file on the CD. We've created a 
mask for the front cow using the Pen tool which we 
used to remove the background. 


Select the Default flare in the Effects list to 
see a wireframe preview of it in the preview 
window. To see a rendered preview, right-click. Because 
the Apply To section is set to Point, all you'll get is a 

small glow in the centre of the image; the active 
selection is ignored. 
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The cow is merged with a black background for 
these effects, but the original image is still safe 
below it, while the mask is stored in a channel. Load 
the mask as a selection and launch V2 PRO. 


Now change the Apply To mode to Inside 
Selection and right-click again. You'll get the 
glow affect applied over the area of the selection. You 
could use this on a background layer to produce a glow 
for an object but you won’t have a preview of the cow 
in the V2 PRO window. 


Complex glows 
Now for the tricky part 


That particular effect can be done much more 
simply in Photoshop with a filled, blurred layer, 
but it is the starting point for much more complex 
effects and it’s important to understand how V2 PRO 
and Photoshop work together. Undo the glow, and go 
back to V2 PRO. Double click the Default Flare to enter 
the Effect Editor. 


Double click the Default Element to enter the 
Element Creation dialogue. Change the element 
to a rainbow ring (top right button) and click OK. With 
the Default Element selected, click the Noise button at 
the bottom right of the interface. This opens another 
editor. Click the Enable check box in the Regular Tab 
and then the OK button. 


Rather than a point source, you can render 
effects over an area to produce glows. V2 PRO 
can use the currently active selection for this. You 
should have the V2 PRO interface displaying the cow 
and with the Default Flare effect active as above. 


V2 PRO lets you use the selection to mask out 
areas of the effect so that you can create proper 
glows on a single layer. With our cow simply select the 
Mask In button from the Area Source Options on the 
right hand side of the interface. Voila, cow glow. Click 
apply to render the effect 


Change the size in the Effect Editor to about 
0.03 and click Apply. Back in the main interface 
preview the effect. Notice it is spread around the cow. 
Click Apply to accept the effect and apply it to the 
image, it'll take a few seconds to process. You can load 
the effect into V2 PRO by clicking the Load button and 
navigating to the file Blue Glow.gfx on the CD. 
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plug-in skills 


Electrical effects 


Fancy alittle roast beef? 


You can create great electrical sparks and 
effects using V2 PRO, by layering elements 
within the plug-in. Here we'll electrify our cows. Open 
the Two Cows.PSD file from the CD. 


Next we go to the Fractal Noise dialogue (by 
clicking the Noise button in the effect Editor) to 
add some distortion to the element. Click the 
Turbulence tab and activate the effect. Change the 
Deformation level to about 0.3 and the Size to 3.0 


Preview the effect in the Editor (as you would 
in the main interface). To make the two elements 
interact as they overlap, change the duplicate’s type to 
Add from the drop down menu in the centre of the 
dialogue. We’ve also increased the size of both 
elements so we can see the effect better. 
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Load the cows layer as a selection but make 
the black background layer active. Launch V2 
PRO. Delete any effects currently in the Effects List 
then click the New effect button to get a fresh 
Default Flare. Select the flare and choose Inside 
selection from the Apply To section, you'll see the 
cows as a mask. 


Back in the main interface, make sure that 
Inside Selection and Mask In are selected and 
preview the effect. You should get electrical tendrils 
coming off the edges of the cow mask like so. 


Add more elements and change their 
parameters slightly to get some variation. You 
could vary the number of streaks in the cross, the type 
and colour to add more detail to the effect. The more 
you add, the more detailed the effect. 


Double click the Default Flare or click the Edit 

button. In the Shape section of the Effect Editor, 
click the Make button to access the Element Creation 
dialogue. Here we can change the basic properties of 
the element like its shape and colour. Change the Type 
to aregular cross (fifth button from the left) and its 
colour to an electric blue. Number of Streaks is set to 8 
and Width to 0.04. 


The effect is OK but needs more detail. Rather 
than trying to get a single element to look right, 

it may be easier to just add more and get them to 
interact. Go back into the Effect Editor, select the 
Default Element and click the Copy button to duplicate 
it. Right now they are identical so to make the 
elements different go into the Noise dialogue and 
change the seed value in the Turbulence tab. Change it 
to any other number. 


The effect is then rendered to the Photoshop 
layer. The multiple elements can take a little 
while to render but be patient. Here’s the final result: 
electrical provenances coming from our cows. This 
effect would be great on text or in an image that 
required electric arc. 
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Stage four: Displacement effects 


Messing about on the rivet... 


oe. V2 Pro is not just for spectacular light-type 
effects, it can optionally blur and displace an 


image in subtle ways. Load the file Water.PSD from the 
CD. Duplicate the background layer and load the text 
layer as a selection then launch V2 Pro with the 
duplicate background selected. 


We can increase the amount of distortion by 
increasing the Intensity value to about 4. Click 
apply to go back to the main interface and preview. The 
effect is much too large, smearing the insides of the 
glass rather than just affecting the bevel. Go back into 
the Effect Editor and change the size to about 0.02. 


Stage five: Creating Gif Animation using V2 PRO 


Bring your designs to life 


Co. Although versions of V2 PRO for 3D animation 
packages exist, and there are keyframe options 
in the Photoshop version, you can’t actually 
automatically create an animated sequence. You can 
do it manually however using either Photoshop or 
ImageReady 2 (which comes with 5.5). Launch 
ImageReady by clicking the button at the bottom of the 
Photoshop 5.5 toolbar and create a new document. 


The text layer already has a layer effect 
applied to give the impression of a glass-like 
effect. We can use V2 Proto add the refraction to 
make the glass more realistic. Create a new Default 
Flare, set Apply To to Inside Selection and Area 
Source to Mask Out, then double click the effect’s 
name to edit it. 


CG. Apply the effect by clicking the Apply button in 
the main interface and wait a few moments. You 

should get a refraction effect just at the edges of the 

glass where the bevelled edges are. 


Co. Create five new layers filled with black (or 
however many frames in your animation). run the 
V2 PRO filter (it'll be available to ImageReady) and 
either create or load an effect. We’ve used the Spot 
Search.gfx effect (find it on the CD). Set the Apply To 
mode to Point and set the X value to -0.50. Click Apply. 
Repeat the effect on each new layer, but use X values 
of -0.25, 0.0, 0.25, 0.50 respectively. 


Co. In order to preview the effect, click the 
Checkerboard check box at the top of the 
interface. Now change the flares type from Object to 
Ang Displace 1 using the drop down menu in the centre 
of the dialogue. Right click to preview. Notice how 

the checkerboard background has been distorted 

by the flare. 


CG. To create a more dramatic glass effect, simply 
flip the background layer before you apply the V2 
PRO effect. Applying the Text layer in Hard Light mode 
also helps to bring out the highlights along the bevels. 
The V2 PRO effect can be loaded from the CD, it’s 
called Displace.gfx. 


Format: GIF 


Co. Create five new animation frames in the 
Animation palette and set the desired delay for 
each frame (0.2 sec here). For each frame (use the 
Select Next frame buttons) make successive layers 
active so that the effect sweeps across the frame. 
Save as a GIF and preview the animation in your 
Browser by choosing File>Preview in> ‘your browser’. 
See FlareAnim.gif and FlareAnim.PSD on the CD. 
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Adobe mms = fraction of normal training rates?... 


ALL VTC CDS 
ARE CROSS PLATFORM 


Photoshop 5 
Photoshop 5 Techniques 
Photoshop 5 for Photographers 
QuarkXPress 3.3 
QuarkXPress 4 
QuarkXPress 4 Techniques 
Illustrator 7 

Illustrator 8 

Director 7 + Lingo 
Poser 3 

Desktop Design 

Painter 5 

Painter 5 Techniques 
ImageReady 

After Effects 3.1 
Freehand 8 

PageMaker 6.5 
Dreamweaver 2.0 
Golive Cyberstudio 3.0 
PageMill 3 for Windows 
Premiere 5 

Mac OS 8.5 

HTML 4 

ClarisWorks 5 

MS Office 98 

MS Word 97 

MS Excel 97 

MS Outlook 97 

MS Access 97 

MS Frontpage 97 
Filemaker Pro 3/4 
Scanning & PrePress 
CorelDRAW! 8 

3D Studio Max 2.5 
Infini-D 4.5 


PRICES FROM £49 TO 
£96 INC. VAT & DELIVERY 


01982 560711 
ORDER TODAY! 


UBIC 


Cutting edge Training in Web design, 
HTML, Dreamweaver, Flash, 

. works, Director Photoshop, 

(oe 3 Acrobat and others. 
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T0171 737 752360171 274 2337 info@ubig.co.uk wiw,ubiq.co.uk 


ey Want to get into Games, bags 


Animation or Television? 


Announcing a new Government sponsored training 
and research facility in the centre of London to get 
people into the Games and TV industries. This is an 
initiative to bring new talent into the industry and is 
supported by fe DIEE, top facilities houses and 
hardware/software manufacturers. 


We are launching in September. 


More details? 

Ask for information on “The Finishing School” 
CREATEC, Ealing Studios, Ealing Green, 
London W5 SEP Tel/fax: 0181 758 8619 
courses @nfts-createc. org.uk 


3D Animation & 3D Studio Max © Maya for Beginners 
and Advanced © Softlmage Beginners and Advanced © 
Designing for Virtual Sets © and more 

Digital Compositing and Effects © Avid Media Illusion © 
Quantel Editbox © Quantel Henry © After FX 4.0 © 
Premiere 5 © Avid Digital Studio © Discreet Logic Effect 
© Discreet Logic Hame © Discreet Logic Edit © and more 
2D Animation © Toonz © Flash © Animo © and more 
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basic tools 
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YOu’LL GET TO GRIPS WITH PHOTOSHOP’S 
KEY TOOLS WITH THIS WALKTHROUGH 
FOR BEGINNERS... 


oF > ow let's bring’a little political irony to this Computér Arts 
Photoshop: Special. Omour CD You'll find a series of 10 
highres images generously supplied by Stockbyt« 
(n Theyre all in the folder emiedStockbyte, within the 
Tutorials directory. Among them you! find a-picttre ef a beautiful 
sunflower crop bythe name of OS65BUS.JPG = could théy/be 
enetically engineerad? Then-there’s the photo of some old.Celtic 
ruins bythe name of 0097EI.JPG. Pethaps we should set-out todeave 
ourgenetically engineered crops in fuins? 
Okay, So the theme’s alittle silly bubthe tutorial. we have 
deSignedts ideal for anyone whos new'to Photoshopsorjust wants to 


We'll Stat Off with one or two good working practices, and then:njiove 
onto using Photoshop's main tools,and show you'the art of afasking 
images.The author of this tutorial is a qualified’ Photoshop tutor. 
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You'll find all the files you need 
to complete this tutorial in the 
Stockbyte folder on the CD. 
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brush up theirskiiis-with, the progran¥s main photomanipulation tools. 


Tutorial: Terry Kendrick Graphic Designer / Consultant Trainer @ Terry.Kendrick@worcester-apple.co.uk 


masking images 


Be prepared 


A little work now will pay off later... 


; [Plug-Ins & Scratch Disks |% J a tly 
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| Mac OS 8.6/2:..: Adobe Photoshop © 5.0: Plug-ins: 
| en NS 


| First:| Mac 0S 8.6 } 


|| Second: { WAGS Work 


| Third: | Training j 
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Note: Scratch disks will remain 
in use until you quit Photoshop. 


is 


Photoshop images are made up of individual oC. Tidy up your desktop before work - it can save 7 Because of Photoshop’s thirst for memory, it is 
square tiles of colour (pixels). The density of be a lot of searching for palettes. File>Preferences important on a Mac to allocate as much RAM 
these pixels per inch gives you the resolution of a file general. Click the long button to reset palette location (memory) to Photoshop as your system will allow. 
ie 300ppi = 300 tiles in an inch, horizontally and to default. Use the pop-up menu to select Display Windows handles this automatically, so if memory is 
vertically. Each of these pixels needs memory to and Cursors, select brush size option for painting limited, run only Photoshop. If you have the disk space, 
display its different colour values, hence its hunger cursors. Note: the Caps Lock key will short cut you allocate as much to scratch the disks (temporary 
for memory. to precise cursors. memory) as possible. 


Image is everything 


Let’s sow the seeds for our creation 


SS T. 


i 


To place the crops image into the ruins image 


To make the files more workable, open and (2 Open the image called O565BUS.JPG. This is . there are number of options. Either drag and drop 
q resize image 0097EI.JPG. Once opened, select © the image to be placed in the picture of our ruins. the crops image over the ruins image using the Move 
Image>Image size from the Menu bar. Type 12cms in Once open select Image>Image size from the Menu bar. _Toll; or Select>Select All in Menu Bar then copy and 
the width field entry and click the OK button. Rename Type 16cms in the width field entry and click the OK paste into the ruins image. Either way, it produces a 
the file ‘Crops in ruins.tif’. button. Save file as Crops.tif new Photoshop layer. 
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Feather: [0 _] pixels [WAnti-aliased 


H] Lasso width: [10] pixels 
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In the layer palette, click on the visibility icon There are a number of tools which can be used 
Close the crops file. In the working image, to hide the sunflowers layer. Only the ruins in the = in the selection of images area. The main 
‘double click on the Layer one name to rename background should be visible. Next, create a selection selection tools are group in a block of four in the top of 
the layer Sunflowers. Use the Move to position the which will be used to mask parts of the sunflower the tool box. The rectangular and lasso tools have 
sunflower layer so the image covers the base of layer to create the illusion that the sunflowers are small pop-out menus giving access to other. Select the 
the arches. in the ruins. Magnetic Lasso. 
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masking images 


Demolition derby 


Now we’ll mask out the church... 


With the Magnetic Lasso Tool selected, double 
click to bring the options palette to the front. 
Within this palette are settings which control how it 
determines which pixels to select. Use the default 
setting, reset if different. Move the cursor within 10 
pixels of the edge of the sky and the arch. The path will 
snap to the edge. 


The art of selecting in Photoshop is not trying 
to do it all in one go, but to build a selection up. 
Select>Save Selection... from the menu bar, this 
allows your current selection to be save to a channel. 
This channel can then be used to reselect the area at 
any time and preserves the selection for future use. 


Click back on CMYK in channels, use the 
magnetic lasso tool to select the next arch on the 
left. Again using the mixture of drag over an edge, then 
the Alt (Option) key to modify the tool. Then do what 
you did in step 2 to make your selection. 
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When areas of less than 10 per cent contrast 
occur, the magnetic tool has trouble defining an 
edge. Using Alt (option) to modifiy the behaviour of the 
tool allows you to: a) Click mouse, move then click 
again, this draws straight lines between clicks; or b) 
Mouse down and draw over the edges required. 


Name your channel ‘Ruins Mask’. It will save 
your selection as a single channel which contains 
256 different possible levels of brightness. From 
white=255 to black=0 and varying shade of grey in 
between. The amount of brightness governs what 
Photoshop sees. White visible, Black hides. 


Once the selection is complete and the 
marching ants are walking around your selected 
area, click back on the channel for ruins mask. You can 
change to any channel with a selection highlighted, 
even change layer. Channels can be used to make 
selects, as you will see later. 


Continue round the arch using the techniques 
described. They do require some practice to 
enable the selection to follow smoothly. Once the arch 
is completely drawn the cursor changes and displays a 

small circle indicating the path is finished, click to 
select. The dotted line (marching ants) show the area 
of selection. 


Oe FO PO es PO FE ES, A OS, FO FOUR ENT SOU OH UE. 


[6 Channels are fundamental to Photoshop. It 

is where it stores all colour information, as well 
as masks and layer mask. Select the Channels palette. 
Click on the Ruins Mask channel so it becomes the 
target. It displays a black and white image of your 
selected area. When used white is visible, black 

is hidden. 


. Fill the selected area with white, Edit > Fill... 
with white. Or if background colour is white, 
press Alt-Delete until all of the areas are selected. 
Here's a tip - use the magic wand tool to select the 
area of sky in the top left hand corner as it contains 
similar brightness values. 


masking on wee special 


Stage four: Flower power 


Finally we'll really make our image bloom 


oS. Select the CYMK in the channels palette, then 
change to the layers palette and click on the 
sunflowers layer. Use the magic wand tool to select the 
sky and hold Shift to add in the clear area above. 
Select the eyedropper tool and sample a medium blue 
in the foreground and Alt-eyedropper, a light blue in 

the background. 


Once the selection (marching ants) is made, 
select Layer>Add Layer Mask>Reveal Selection 
in the Menu Bar. This will automatically generate a 
layer mask to obscure those areas of the sunflower 
layer to be hidden, allowing the ruins to show through 
the black areas of the mask. 


Co. Select Curves from the pop-up list. There is a 
variety of options which can also be used with 
this feature. Make sure the Group with Previous Layer 
Box is checked, this will apply the effect only to the 
layer to which it is applied, leaving any layers below 
unaffected. Click OK. 


SoS. Double click the gradient tool, check the 
options in the Options palette, check it is set to 
foreground/background. A crosshair is displayed in the 
document window. The first crosshair indicates the 
start colour (left), mouse down and drag to set 
direction, transition and final location of second 
crosshair, second colour (right). 


Notice there is now another icon in the layers 
palette, a small representation of the areas 
visible and those hidden on the sunflowers layer. The 
link icon between the two layer preview icons links the 
pixel information to the mask and vice versa. Clicking 


breaks the relationship, moving the image behind 
the mask. 


Co. The curves dialogue box is displayed. The aim 
is to increase the intensity of the shadow on the 
sunflower layer to match those of the ruins. The top 
part of the curve has been dragged to increased 
intensity in the dark areas and in the light areas to 
maintain the brightness in the overall sunflowers layer. 


CS. Select>Load Selection... from the Menu Bar, 
this produces a dialogue box. In the pop-up menu 
select the ruins mask created earlier. This will load the 
selection based on what’s white, which Photoshop can 
see. What’s black will be left alone. Note: there are 
short cuts to access this selection, not covered here. 


Co. Adjustment layers are a special way of 
controlling changes to a layer below, but also 
allowing the option for changes at a later stage. Add an 
adjustment layer to alter the tonal range of the 
sunflowers to match that of the ruins. Layer>New> 
Adjustment Layer in the Menu Bar. 


Co. The completed image. This walkthrough has 
covered some of the key issues in Photoshop - 
Selection, Masking and Layers. These techniques, as 
with all Photoshop principles, can be applied to almost 
any image. Ultimately it is the methods that are 
important, as the images change from job to job. 
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using layer masks 
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layer masks 


intermediate 


BREW UP YOUR OWN 

BOTTLE OF MILLENNIUM 
BUG JUICE IN PHOTOSHOP, USING T 
AIRBRUSH TECHNIQUES OUTLINED | 
LAYER MASKS, GROUP LAYERS, L 
AND THE 3D TRANSFORM FILTER... 


e’re going to 
create an 
image of a 
metallic bottle with 

text and graphics wrapped around 
it. We'll paint on highlights, 
shadows and reflections using simple 
airbrush techniques and Layer Masks, 
Grouped Layers and Layer Options. We 
do use the the 3D Transform Filter, though, 
so if you're still using Photoshop 4, you can 
either use the Spherize Filter to wrap the label 
round the bottle, or import the label wrap image 
on the CD. 

This is a good exercise in observation and will 
make you look at things a lot more closely for 
reflective information. It's a good idea to use some kind 
of metallic object for reference, or follow the Mask 

eS information in the relevant steps. 
Although a similar effect can be achieved in a 3D 
_— program, you have more control over the image in Photoshop, 
and it's a lot faster at rendering effects. It's going to be-ebi 
a 


hat?-— 
eee ee 


Ww 


PAOLOSMOP 


You'll find all the files you need 
to complete this tutorial in the 
Intermediate folder on the CD. 
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using layer masks _ eee special ) 


Stage one: Combining the image 


Use the files provided or make up your own graphics 


SoS. Select Place in the File menu. Locate the file SoS. Repeat step 2 with the label.art file. Inverse 
Open the Photoshop file on the CD called bug.art and open it. Position it within the guides the layer (Command+!/Ctri+!). Type in the rest of 

bottle.psd. This basic 3D model will act as a base and then double click on the selection to place it within the text. The 120mi text is at 15pt and the bottom lines 
for us to apply the effects to. the file. are 9pt. Use whatever font you've got. 
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This is « nencclcoholic dink Yoveloped to cope with the f | ; ied y 
of Iife'in the mew mitleniom. Totally organic and natural. + ii iy f 


Co. Reduce the size of the label layer slightly using Wrap the label around the bottle by using 
Edit>Free Transform. Hold down Option/Ctrl Filter>Render>3d Transform (for older versions 

Layer). Then, with the label.art Layers selected, +Shift while pulling in on one of the corners to use the Spherize filter). First draw a cylinder over the 
Merge Visible with the bottle Layer hidden. constrain the proportions. image and set the Field of View to 100. 


Render the Text layers (Layer>Type>Render 
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Command /Ctrl click on the bottle layer to 
oC. Then click on the Pan Camera Tool and set the We reduced the image earlier to accommodate select it, then click on the Add Layer Mask 
Field of View to 130 and the Dolly to 25. Click on the result of the 3D Transform Filter. We need to button. This will add a mask to the label layer to clip 
Options and set both fields to High. reduce it to fit again now. out any over hanging bits. 
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Stage two: Building up the body 


We'll apply the basic highlights, shadows and reflections here 


mount: [1] 
ostmouaun 


© Lnstorm 


W Monechramatic 


oe. But first to make the bottle look a little more 
mi 


etallic, we'll apply a little noise. Set the SoS. Now get spraying. Create a new brush with a 
Amount to 15 per cent, Distribution to Uniform and di 
check the Monochromatic box. 


25 per cent Spacing. 


Cc. Using a smaller brush (Create one at 200 and Create a new layer for the highlights. Option/ 
one at 100 pixels) spray in more shadows at the 


Ctrl click again to apply paint only to the bottle 
bottom and left side. Don't worry about being too and spray highlights next to the shadows. We now have 
accurate, we'll tidy up later using Layer Masks. a basic background to apply more complex effects to. 


o. Draw a line across the bottle for the gradient. Turn the label Layer off to concentrate on the 
Set this layer on Soft Light at 80 per cent Opacity. bottle. Add a Layer Mask to the reflection Layer, 
Then set the highlight Layer to Overlay, and the bug then paint out the bits in the shoulder, top and bottom 
Layer to Multiply. that don't look right. 
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CS. Create a new layer called shadow. Select the 
airbrush and spray down the right side, holding 


Shift on the straight edges. Set the layer to 80 per 
liameter of 300 pixels, 15 per cent Hardness and 


cent. Opacity on Multiply. Option click between the 
layers to group them. 


Co. Add a new layer for the reflections, then select 
the Gradient Tool. Click on Edit in the Options 


window. Using the Copper gradient, copy the settings in 
the picture or load the Copper Gradient from the CD. 


Co. On a new layer, airbrush in reflective highlights 
around the shoulder of the bottle. Select colours 


(Option Click) from the bottle as you go. Add a little 
shadow under the cap, then set this layer to Overlay. 


You will lose a lot of the effect, but we'll paint this 
back in later. 


using layer Eee special OO» 


Stage three: Painting with Layer Masks 


Now we'll add highlights and depth to our bottle 


oh) 
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Start on the highlight Layer Mask. Use the 
airbrush in various sizes and pressures to paint 


back in parts of the reflection and airbrush Layers. A 
little trial and error here will show you what works. 


Co. On to the reflections Layer. Again, bringing 
through parts of the other layers to add more 
depth to the image. 


wo. 


Working on the Layer Mask of each layer keeps 
the original image intact. Option click on the 
Layer Mask to bring it up. This allows you to view it. 
Option click again to hide it. 


Co. Set the highlights Layer to Overlay. Switch the 
bug Layer back on. Using the 300 Praintbrush on 
50 per cent Opacity, paint back in the main highlight. 
Then use a smaller brush for the other highlights. 


Stage four: A final reflection 


The final touches and our bottle’s complete. Cheers! 


Now add a Layer Mask to the shadows Layer 
and do the same. Swap to the Paintbrush for a 
harder effect when necessary. The mask on the left 
gives you an idea of what we've done. 


Cc. A quick tidy up on the highlight Layer Mask. 
Paint the line back in that runs down the main 
highlight in the middle of the bottle. Soften the highlight 
on the neck and add the highlight on the right hand side. 


oS. Import the reflect image from the CD and place 
in this position. In the 3D Transform Filter, draw a 
circle and set the Field of View to 10. Set the camera 

to 130, and the Dolly to 2. Then rotate to look like this. 


So. Erase the extra bits, then select the bottom 
third of the image and stretch to the bottom of 
the bottle. Repeat with the top third, pulling it up to the 
top of the cap. 


Finally, paint out the unwanted parts of the 
reflection on a Layer Mask. Then set the layer to 
Screen at 70 per cent. 
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WITH PHOTOSHOP YOU HAVE THE 

POWER TO CORRECT COLOUR FAULTS 

AND GIVE YOUR IMAGE A PROFESSIONAL 
FINISH. HERE WE SHOW YOU HOW TO 
ACHIEVE THAT COVER STAR LOOK USING 
PHOTOSHOP’S FLOATING CURVE LAYERS... 


tis important when receiving scans from an 
outside source to be able to identify problems 
with colour and correct these mistakes. Many 

u scanning houses will take great trouble to match 
the scan to the original transparency, even if it contains 
a colour imbalance. In reality, colour correction is a lot 
more than matching a colour to an original transparency, 
so unless you use ICC profiles, have spent a fortune on 
screen calibrators and made on-press tests, you are 
unlikely to be spot on with colour. 

So the purpose of this walkthrough is to look at 
common colour faults and to make subjective colour 
changes to skin tones to produce a hi key fashion look. 
We will use the floating curve layers that allow colour 
changes to be made a layer at a time so the image may 
be pushed gradually towards an acceptable colour 
balance and allow changes in colour to be made at 
any time along the way. 

In fairness to the model, she required less 
treatment to her skin than most, and most 
problems related to the poor quality of the colour 
balance. In this walkthrough a blue highlight 
denotes the route through the menu bars. 


You'll find all the files you need 
to complete this tutorial in the 
Advanced folder on the CD. 


Tutorial: Chris Stocker @ mail@chris-stocker.co.uk 
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Stage one: Perfect skin 


colour correction *.. 
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How to adjust skin tones in Photoshop to achieve the ultimate cover star look... 


Firstly, go to Windows, show info and then 
select the eye dropper tool from the floating 
tool bar and take a reading of the skin tone in the 
lighter part of the image to access the colour cast. 
Here the reading is as follows: cyan 31, magenta 46 
and yellow 34. 


We now need to check the tones in the image 
again, but it is important to highlight or make 
active the upper curve layer so that the changes of 
both of the two colour curves are calculated in the 
reading. The info dialogue reads cyan 20, magenta 36 
and yellow 31. 


Now we will create another Adjustment layer 
and go to magenta and click the middle of the 

curve and drag from 49 to 43, then go to the CMYK 
composite curve and drag 50 down to 42, which takes 8 
per cent of colour out of the midtones. This layer has 
affected the magenta and the midtones, so it is 
possible to affect the cyan magenta yellow and black 
and composite colours within the same colour curve. 


The first job is to take out some magenta as 

there is a solid wash of the colour all over the 
image, especially in the highlights, so go to layer, new 
Adjustment layer and choose curves. Select Magenta 
from the pull down menu in the centre of the curves 
dialogue box and drag the highlight end of the curve to 
the right, to remove a large amount of magenta from 
the image. The input should read 10 as you have taken 
10 per cent of magenta out of the highlight. 


There is too much 

cyan in the image, 
making the skin look grey, 
but it’s important to keep 
cyan in the midtones around 
30 per cent, to retain the 
shape of the contours of the 
face. Make a new curve and 
click to make new points 
along the curve and move the 
points as follows: 0 was 
moved to the right to 6 to 
remove 6 per cent of the cyan 
from the midtones, a new 
click was made at the 33 
position on the curve and 
brought down to 15 removing 
18 per cent between the 
highlight and midtones and a 
click was made at 67 but not 
moved so that the 33 per cent 
point on the shape of the 
curve had no influence above 
this point and did not affect 
the image’s darker areas. 


One more change and the skin tone will be 
perfect for print, so make one last adjustment 
layer and tweak the yellow from 49 to 54 and the CMYK 
composite from 50 to 42. The reason behind this final 
tweak is that at step 7 we took a screen break, in order 
that when we returned we'd be able to make a better 
decision regarding the final look of the skin tone and 
we opted to go really pale for a more glamorous look. 


i 
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Create a new Adjustment layer in the same way 
but this time remove select and remove cyan from 
the highlight, the input should read 12. If the curves are 
not working as expected, click at the bottom of the 
graduated bar and this will flip the functions of the 
curves dialogue so they are the other way round. 


Measuring the image again, there is 4 per cent 

of cyan, magenta is 34 and yellow is 30. This 
difference is fairly constant over the entire range of 
yellow and magenta. The general rule here is that there 
has to be a little more yellow than magenta. If the 
image has more magenta it will often look too red, 
equal amounts of both can give a pink tone, but 5 per 
cent more yellow in the midtones often looks best. 


It is possible to alter the eyedropper tool to 
take multiple colour readings by clicking on the 
eye dropper tool and dragging to the right to select the 
colour sampler. This allows you to click on various 
different locations on the image and the results will be 
displayed simultaneously within the info window. 
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Going back to my roots 
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Now we'll get rid of the roots on the girl’s hair. 
Go to the Swatch and choose the colour cyan 4, 
magenta 20, and yellow 31 black 0, which is a colour 
sampled from the image. Then choose a large brush 
around 60 pixels in size and paint on to the roots - 
see the picture. 


One last step is to duplicate the layer again 
and this time choose colour as the blending 
mode, in effect this dyes the hair colour underneath 
away from the slightly green colour to become a 
perfect match to the rest of the hair. 


You will notice that the layer created in the 
” Layers pallet is black and you may be able to 
notice two small white dots. What has happened is that 
the selection has automatically created a mask that 
will not affect the image except in the area of the eye 
when the colour correction has been applied. 
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Once the painted area is over the hair, choose 

the eraser tool to remove any overspill on to the 
skin tones. The important thing behind this technique 
is to choose soft light, as the blending mode from the 
layer palette has the effect of lightening the dark roots 
without affecting the other lighter colours too much, 
you can always remove some with the eraser tool if it 
is noticeable. 


Because we have taken out so much cyan, we 

may need to re-tint the eyes, so we may as well 
give them a interesting colour. Go to the quick mask 
icon, double click it and set it to selected area and OK, 
remain in quick mask mode. If you now press D on your 
keyboard, it will set your Swatch to its default black 
and white, now start painting onto this temporary mask 
with a small paint brush (Windows -show brushes). If 
you press X on the keyboard it will flip the swatch, 
allowing you now to paint away the mask in places that 
you may have made a mistake. 


f It isn’t quite there yet, so duplicate the layer 
‘= by dragging it on to the peeling page icon at the 
bottom of the layers pallet and then dragging the slider 
to 60 per cent of its original opacity to build up the 
lightness of the roots. Again, it may be necessary to 
paint out a little more of the colour in places. 


f J Exit quick mask now by pressing Q on the 

’ keyboard or by clicking to the left of the quick 
mask icon, the mask now turns into a selection based 
on the painted area including the soft edges created by 
the brush. You should now have a selection around just 
the iris. Click the peeling page icon at the bottom of 
the layers pallet and holding the Option (Alt) key, which 
is another way of bringing up an adjustment layer, 
choose colour balance from type and OK. 


Go the the layer and double click the text 
section of the layer to bring up the colour balance 
window and with midtones selected, drag the cyan 
slider until the colour levels dialogue reads -39 to put 
some blue colour back into the eyes. 


G This is the 

‘® #6finished skin tone 
image with a rough mask 
applied to the 
background to clear it to 
white. This particular 
colour choice is a 
glamorous hi key cover 
image, a more normal 
midtone image would 
contain a lot more cyan 
in the midtones yet still 
keeping them out of the 
highlights as this rarely 
looks good. The image 
would typically contain 
more magenta and 
yellow. The colour image 
is ready for proofing, but 
there may be further 
colour changes to be 
made, to the image and 
it may look slightly 
different in print. 


Stage three: Changing fabric colours 


Let’s turn that little black dress into a classy red number... 


Co. Now we'll change her dress to 
red to match her lips. Go to 
Windows and select the paths pallet 
and choose the pen tool from the 
floating pallet. Click and suround all 
the areas in black, clicking back on the 


So. Hit D on the keyboard to set 
Swatch to its default and then 
press Q on the keyboard to go into 
quickmask mode. Now drag the path to 
the fill icon at the bottom of the Paths 
pallet and the mask will fill with the 
forground colour which should be black, 
because you are in quick mask mode it 
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Se. Blur the quick mask with a 
gaussian blur of 1 to soften the 
edges, this is a useful technique as you 
can interactively view the edge blur 
and the image together. Come out of 
quick mask by pressing Q, to turn it 


CS. Click the peeling page icon at 
the bottom of the layers pallet 
while holding the Option (Alt)key, then 
select hue and saturation colourize and 
drag the hue to the left to 0, the 
saturation to the right to 100 and the 


first point to complete the path. 


will appear red. 


into a selection. 


Stage four: It’s black and white 


With Photoshop’s new channel mixer we can achieve the perfect monochrome image 


Let’s now look at a recent addition to 
Photoshop adjustment layers, which is the 
channel mixer. With this adjustment layer, we can 
create the perfect black and white image. With the 
topmost layer active, click the peeling page icon 
holding down option to create a new adjustment layer 
and choose channel mixer and OK. 


Now try choosing hue and saturation as the 
adjustment layer. Click the colourise dialogue 
and set the hue to 176 and the saturation to 25 fora 
subtle duotone look. 


eS. Choose the monochrome setting and try 
playing around with the slider bars. We found a 
setting of cyan +19, magenta +36, yellow+38 and black 
+53 with the constant slider knocked back to -2 worked 
well, and was much better than converting to black and 
white, especially the eyes which could be adjusted to 
give more detail. 


Co. Turn off the eye icon of the hue and saturation 
layer and select the channel mixer layer and 
choose softlight as the blending mode for this layer. 
Set opacity to 45 per cent, this creates quite a pleasing 
fashion look, creating really pale skin tones but 
keeping the eyes and darkest parts still dark. 


lightness to 29. 


Same channel - choose colour dodge at 23 
percent opacity and it now becomes a blasted 


out image. Now turn on the hue and saturation layer 
again for a really blown out duotone look. 
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CD-ROM basics to get you going 


The route to Photoshop happiness is not a long and winding one but, just in case, here's how to get started with our CD... 


1 How do| start the CD? 
Pop this Photoshop Special CD into your 
drive and it should autorun with either 
Windows or Mac. If not, run either: 
= CASS if you're on a Mac, or... 
5Win if you're on a PC using 
indows 95, 98 or NT. 
oggle the auto-run on and off, use the 
propriate Control Panel on your 
omputer. 


2 Do! need Photoshop to use this disc? 
jot necessarily. We have included the 
Adobe Photoshop 5 demo on the disc and 
this will function for 30 days, enabling you 
_ to get started with at least some of our 
tutorials. Many, but not alll, of the plug-ins 
ave supplied should work with this 
Mo. 


ig any Windows 3.1 software on 


longer support Windows 3.10n the 
the 68k systems on the Mac. This is 
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because these platforms are no longer 
powerful enough to support the high 
demands of creative software these days. 
The Computer Arts Special CD interface 
will run on a Macintosh PowerPC or G3, or 
a PC with Windows 95 or higher. Some 
individual demos may not run with 
Windows 95. 


4 Do | need any specific software to run 
the CD? 


You will need Apple's QuickTime software 
as it assists the running of our CD 
interface. It's supplied on the CD and you'll 
be prompted to install it if you haven't 
already got it. 

If you're using a Mac, then the CD 
interface will work fine with any version of 
QuickTime installed. However, if you're 
using Windows and have QuickTime 3.x 
installed the interface may claim that 
QuickTime is not installed on your 
computer. If this happens, please install 
version 2.1.2 of QuickTime. You'll find it in 


Resources on the CD, alongside QuickTime 
3.x. This will not erase your installation of 
Quicktime 3.x and should solve your 
problems. 

You will also need a Web browser and 
an active Web connection in order to make 
use of the Web links on our disc. Please 
ensure that you're using one of the 
following browsers to make use of this 
feature of our CD: 
> Microsoft Internet Explorer 3 or higher 
» Netscape Navigator 3 or higher 
Please also ensure you're connected to an 
ISP before starting the CD if you intend to 
use the Web-linked features we've 
included. 


5 What if | need further assistance with 
the CD? 


Contact our technical support 
department via the following means, E- 
mail is the best way to contact them. 

> ecas.support@futurenet.co.uk 

> w www.futurenet.co.uk/support 


. » KPT 3.0 photographs from Stockbyte 
FullPlug-ins eg mec ealy Other Demos 
Dual > Paint Alchemy » Andromeda Cutline Dual Tutorial files 
> KPT Equalizer » PhotoFrame 2.0 neg Sree reee te * Photoshop 5 » We have supplied all the 
» Mask Pro 1.0 » PhotoGraphics 1.0 » PANTONE HexWrench 1.0.2 Resources files necessary for you to 
» PhotoFrame 1.0 » Photo/Graphic Edges 4.0 » Squizz 3.0 complete the tutorials printed 
> PhotoTools 3.0 » Typo/Graphic Edges Dual in this magazine. Many 
° ; » Page Edges —— tutorials use the free images 
Plug “mn » Rayflect PhotoTracer » Adobe Acrobat Reader supplied by Stockbyte, which 
Demos » Terrazzo * Quicktime 3 are all to be found in the 
» Typecaster s Stockbyte directory within the 
Dual c ae i Giana Comamticn PConly Extra Fil es Tutorials folder. The rest are 
Free images kept in relevantly-named 
» Eye Candy 3.0.1 » WebVise Totality » Genesis V2 PRO ge directories which are also in 
» Intellihance 4.0 » Xenofex 1.0 » AutoEye » Ten free high resolution the Tutorials folder. 


> f 01225 732279 

» £01225 442244 (ext 2101) 

At www. futurenet.co.uk/support you'll 
find a list of frequently asked questions 
and solutions to common running 
problems reported for our disc. This 
Website is kept up to date and has links 
for downloading any material that might 
solve a potential problem. Please send an 
to e-mail our support team at the 
dedicated Computer Arts Special e-mail 
address quoted, before you try to 
telephone, as the phone lines can get very 
busy at times. 


6 What if | have a faulty CD? 

This is highly unusual, but if it's confirmed 
by our technical support team then you 
should return your faulty disc to the 
following address and a free replacement 
will be with you inside 28 days: 

Returns Dept, TIB plc, Unit 5, Triangle 
Business Park, Pentrebach, Merthyr Tydfil, 
Mid Glamorgan CF48 4YB. 
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Photoshop Plug-in Demos 
Dual Demos 
Full Product: £129.99 Full Product: £117.50 Full Product: $99 
Computers Unlimited Computers Unlimited Rayflect 
Full product: £79 t 0181 358 5857 t 0181 358 5857 Order on-line 
XChange International w www.extensis.com w www.extensis.com w www.rayflect.com 
t 0171 637 2966 Photoshop 5.5 has some pretty good Bring vector graphic drawing tools into With PhotoTracer you can import 
w wWww.alienskin.com masking tools in it but that hasn't Photoshop without too much rasterised models, apply textures and render 3D 


Try out some of the 21 bonkers filters 
for Photoshop offered in this esoteric 
set, and create convincing phenomena 
like Fire, Smoke, Chrome and Glass. 
You cannot Apply in the demo. 


Full Product: £129.99 
Computers Unlimited 

£0181 358 5857 

w www.extensis.com 

A one-click image enhancement shop, 
Intellinance enables you to swiftly 
make your images look their best, and 
fine tune different settings. This is a 
30 day demo, and you can read our 
review of the full version on page 51. 


Full Product: £109 (KPT5) 
Computers Unlimited 

£0181 358 5857 

w www.metacreations.com/uk 
There's no demo of version five, so 
here's a chance to try out a rather 
limited demo of version 3 instead. 
Kai's Power Tools comprise some of 
the most famous plug-ins in Photoshop 
history. Ever. 


stopped Mask Pro 2.0 from being a top 
five selling plug-in. People seem to 
prefer it, as it consistently delivers 
professional results with a minimum of 
sweat. See why with this 30-day demo. 


Full Product: £99 

XChange International 

t 0171 637 2966 

w www.xaostools.com 

Smear realistic brush strokes across 

your photographs to create a classic- 

style paint effect. You can control the 
distribution of strokes, angle, density, 
colour and brush size. Simple but fun. 


Full Product: £151 

Computers Unlimited 

£ 0181 358 5857 

w www.extensis.com 

The latest version offers far more than 
just cheap, tacky borders for your 
artwork. This is a stylish collection of 
over 1000 frames, with tools for 
creating ‘instant’ frames based on 
ellipses, rectangles and polygons. You 
can try some of them for 30 days here. 


KPT Equalizer Full Photoshop plug-in (dual) 


Metacreations 
#0181 956 2457 
w www.metacreations.com/uk 


Just about everyone who's used Photoshop 
for any length of time will have heard of 
Kai's Power Tools. The latest boxed package 
of these tools was KPTs, which was 
critically acclaimed as one of the best 
plug-in packages ever produced for 
Photoshop. It's been on the market for 
several months now, and already some of 
us are salivating over the idea of KPT6. 
However this is the age of the 
internet and Metacreations, the publisher 


of the KPT series, has unveiled a new 
strategy. The latest range of Kai's Power 
Tools are not being released as a package 
onaCD-ROM, but rather they're being sold 
over the Internet. 

This way, instead of buying an 
expensive box, which might contain quite 
a few plug-ins you don't need or want, you 
can pick and choose which new Power 
Tools are likely to support your way of 
working and buy them on-line. It's a 
system designed with creative 
professionals in mind, just like the plug- 
ins themselves. 

The new range of Kai's Power Tools 
goes under the moniker of KPT X, and KPT 


hassle. Some illustrators find this a 
fantastic plug-in. See if you agree, and 
follow our tutorial on page 68. 


Full Product: £115 

XChange International 

t 0171 637 2966 

w www.autofx.com 

These edges range from those verging 
on the extremely simple to the 
sublimely classy. You can try out a 
limited number of them using this 
demo version. 


Full Product: £99 

Computers Unlimited 

t 0181 358 5857 

w www.extensis.com 

Alongside KPT, PhotoTools from 
Extensis is one of the most popular 
plug-in collections around, featuring 
nine utilities, including six 
PhotoEffects filters. These are 
generally agreed to be more practical 
than Kai's offerings. You can see why 
with this 30-day demo and our 
walkthrough on page 72. 


Equalizer is one of the flagship releases. 
Until now it's only been available in the 
United States for a price of $29.95, 
however thanks to Metacreations we are 
able to bring you the complete plug-in 
free here with our Photoshop Special. 

The plug-in itself is easy to use but 
contains a range of blurring and 
sharpening functions which you can 
control from an equaliser-style interface. 
You can play with the Equalizer, Bounded 
Sharpen and Contrast Sharpen functions 
to find out what settings produce creative 
effects you like, and you can also follow 
our tutorial which starts on page 58. To 
use the plug-in, type in the following 


scenes within Photoshop. It could be 
an affordable way of getting out of 
buying a full 3D app. 


Full product: £99 

XChange International 

t 0171 637 2966 

w www.xaostools.com 

This can turn a basic Photoshop image 
into something you'll see looking 
through a particularly freaky 
kaleidoscope. You get precise control 
over feathering of tile edges and can 
preview your patterns in real time as 
you create them. This demo is fun but 
won't let you apply your final effect. 


Full product: £99 

XChange International 

t 0171 637 2966 

w www.xaostools.com 

Also from Xaos Tools, this program 
forms part of the Tota/ Xaos collection 
(£159) alongside Terrazzo 2 and Paint 
Alchemy. |t can give your type an 
instant 3D feel fast and can apply 
some plain weird effects. => 


registration code when prompted: 


KELOCCD-0719589-PNQ 


Other KPTX plug-ins include KPT Goo, 
which produces real-time liquid distortion 
effects, and KPT Gel which basically ports 
realistic 3D painting tools into Photoshop. 
Metacreations is soon to launch KPT X 
plug-ins for sale on its UK Website, so keep 
an eye out for new releases. 


PC Min: £166 MHz» Wings /68/NT4 

> Photoshop 3 > 32RAM» 25HD 

Mac Min: PPC > OS 7.6.1> Photoshop 3 
> 32RAM > 25HD 
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Full Product: £129 

XChange International 

t 0171 637 2966 

w www.autofx.com 

Generate your own textures quickly by 
pulling a few sliders and restyling the 
basic templates provided. The full 
product offers over 1000 — this demo 
gives you a fair few and you can 
actually use them too! 


Full Product: £115 

XChange International 

t 0171 637 2966 

w Www.autofx.com 

If you're not upgrading to 5.5 but need 
to compress images for the Web this 
could be your answer. It boasts GIF 
compression up to 175:1, whilst 
optimising colours for the Web. 


Full Product: £99 

XChange International 

t 0171 637 2966 
wwww.alienskin.com 

We began our collection of dual format 
demos with an Alienskin offering, so 
it's fitting to end with the company's 
inspiring filters and effects. Shower 
Door, anyone? How about Origami? You 
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can try a few here, but can't Apply 
them. Sorry. 


Mac only demos 


Full product: £79 

XChange International 

t 0171 637 2966 

w WwWwW.andromeda.com 

The Cutline Filter enables you to create 
the look of classic engraving 
techniques in Photoshop with a unique 
line/dot combination screen. The OK 
button is disabled in the demo. 


Full product: £79 

XChange International 

t 0171 637 2966 

w www.puffindesigns.com 

Lens Flare Pro is designed to create 
spectacular lighting effects such as 
sun flares, light bursts and lens flares, 
with 40 preset effects. Demo adds a 
red X to your image. 


Full product: £129 
PANTONE 

t 01303 269666 

w Www.pantone.com 


Full Plug-ins from Extensis 


Mask Pro 1.0 


Full Photoshop plug-in (dual) 


Upgrade to Mask Pro 2.0 £81 
Extensis 


t Computers Unlimited 0181 358 5857 


Ww www.extensis.com 


www.extensis.com/photoshopspecial 


Just fill in your details and a registration code will be 


issued. 


PC Min: Pentium > Win94/NT4 » Photoshop 3.0.5 > 


32RAM > 4HD 


With its ability to break images down into layers, 
Photoshop has become an incredibly powerful and 


versatile tool. Creating layer masks, meanwhile, 


enables users to cut out images and superimpose 


Mac Min: PPC > Photoshop 3.0.5 » 32RAM > 4HD 


PhotoFrame 1.0 


HexWrench offers Photoshop support 
for Hexachrome, PANTONE's six-colour 
printing process, enabling you to 
perform Hexachrome separations 
rather than the usual CMYK ones. 


Squizz 3.0 is the latest version of the 
fun displacement plug-in. You can drag 
and stretch pixels about — or just 
scrunch up people's faces. The Apply 
button is disabled. You won't be able 
to install this from our interface. 
Instead drag the file from the Macsoft\ 
Plug-ins folder on the CD into your Plug- 


Full product: £99 | ins\Filters folder on your Mac. 
XChange International | 
t 0171 637 2966 | 
w st aie | PC only demos 
Typo/Graphic Edges allows youto add | 
stress and weathering to type, clip art | sis V2 Pr 
and anything else you want to look 
distorted. Full product: £99 
Future Fantastic 
t01904 780800 


Full product: £115 

XChange International 

t 0171 637 2966 

w www.autofx.com 

Page Edges creates page borders, 
frames, and ripped and torn edges for 
your layouts. You have control over the 
colour, textured surface, lighting, 
shadows and other features of each 
effect. 


Full product: £99 

XChange International 

t 0171 637 2966 

w www.humansoftware.com 


| 


w www. futurefantastic.com 
Genesis V2 PRO can produce all sorts 
of optical effects. This is a brand new, 
30-day demo, produced exclusively for 
this Computer Arts Photoshop Special. 


Full product: £99 

XChange International 

t 0171 637 2966 

w www.autofx.com 

AutoEye is an image enhancement 
application which adds back 
information which may be lost when 
acquiring an image, say during 
scanning. It works standalone, or 
within Photoshop. 


Included is a collection of sample frames which 


will be installed in two folders on your machine - 


Frame Files Vol 1 and Frame Files Vol 2. You can load 


them up via the Interface within Photoshop. The fun 
starts when you manipulate and alter them to your 


tastes, then apply them to your image. Alternatively, 


you can start from scratch and build up your own 


frame collection. Photoframe 2.0 has recently been 


released and you can read a review in our Plug-ins 
Guide starting on page 48. Photoframe 1 sold for 
£99, so we think its inclusion here on our CD makes 


the disc great value. 
To register your full copy of Photoframe you need 


them, and combine them, to come up with new and 
original compositions. Mask Pro takes a lot of pain 
out of the process of producing layer masks. With its 
tools you can cut out complex outlines — even hairy 
heads and furry pets. It's also great at getting rid of 
dull backgrounds. All you need to do is pick from the 
interface the colours you want to keep and those you 
want to Drop and brush over your image. 

Mask Pro 1 originally sold at £249. You can get 
your registration code by logging onto a special 
Website which has been set up for readers of this 
Photoshop Special: 
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Full Photoshop plug-in (dual) 


Upgrade to PhotoFrame 3.0 £59 

Extensis 

ft Computers Unlimited 0181 358 5857 

W www.extensis.com 

Creating an image frame can be a laborious task, and 
occasionally you'll meet a Photoshop artist who 
spends more time designing a frame than working on 
the image itself. In steps this full version of 
PhotoFrame 1.0, however, and the problem 
evaporates faster than paint can dry. 


to log on to the following Website: 


www.extensis.com/photoshopspecial 


Enter your details and your registration code will be 
issued. 


PC Min: Pentium > Wings5/NT4 > Photoshop 3.0.5 > 
32RAM » SHD 
Mac Min: 68040 n System 7.5 » Photoshop 3.0.4 > 
32RAM > sHD 


(o); on the cd Neer special (@p \ 


worth £129 each 


Stockbyte 
t 0800 909190 
w www.stockbyte.com 


o help you get more from Photoshop, and indeed this 

Computer Arts Photoshop Special, we've teamed up with the 
& image bank Stockbyte to bring you 10 free high resolution 
images which you can use in your work. Each of the images is provided 
in JPG format and when open in Photoshop can be as big as 35MB in size. 
The pictures are of high quality and normally sell at £129 each through 
the Stockbyte Website. Stockbyte sells on-line, as well as supplying a 
range of CD-ROMs containing images of everything from agricultural 
settings to city businesses. 

We've used a selection of these images in our 
walkthroughs throughout the magazine. To preview the images go to 
the Stockbyte section of the disc from the main interface. Scroll over the 
thumbnails to see larger versions. You'll find the high res files 
themselves in the Stockbyte folder within the Tutorials section of the 
disc. If you need to acquire an image quickly in the future, it's always 
worth having a look at the Stockbyte Website where there's a searchable 
collection of over 10,500 pictures. They're all of a similar quality to the 
range supplied here, and you can link to it by 
clicking the Stockbyte logo from the Stockbyte 
screen on our CD. 
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hit 
f (2) photoshop special...’ next issue 


on sale wednesday 15th december 


n filled wi th tutorials, profil S 


Modelling-Monsters 


tips and techniques on modelling terrifying monsters including 
this shark, an insectoid alien and... the dark mistress 


image by Magic Pictures t 0207 404 4747 


Animators in motion 


expert advice from the makers of Walking with Dinosaurs plus 
a look at motion capture technology with Audio Motion 


Textures & rendering 


Squeeze more realism into your image maps, plus 
how architectural visualisation is turning into big business 


Ask your newsagent to ’ _— ¥ . softwz ire 
pA Cri as free full 3D apps on our cover CD, plus a comprehensive 
rour coorsverymont._| buyer's guide covering the latest hardware and software 


Reserve your copy today 


3D Studio Max > Maya > LightWave > SGI > Bryce > Softimage > formez > trueSpace > Canoma > Intergraph > Cinema 4D 
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WITH UMAX'S LATEST ASTRA 2400S YOU CAN BE A BILLIONAIRE - IN COLOURS. 
The Astra 2400s is your passport to lively scans at a massive 42 bits, offering billions of colours. 


Compared to other scanners, this will give you more detail in very dark and bright areas, something you'll 
need if you want a good scan from a 5" x 4" trannie. You'll also appreciate the 600 x 2400 optical resolution, 
the easy to use software and the fact that you don't need to be a billionaire to own one. From only £299. 


Be Your chance to become a BILLIONAIRE dn colours) | © 


Visit our website www.umax.co.uk and you could a UMAX scanner. s 3 f * 


[Flatbed Design] aS 
vn Not just for scanning trannies! 
Scan any original that will fit on the 


generous A4+ glass. P| 
a 


[Cold Cathode Lamp] 
Lasts up to 10 times longer than 
fluorescent and gives 

~ "dust free" optics. 


[42 Bit] 
The 42 Bit engine gives billions of 
colours and lets you scan difficult 
originals with no hassle. 


[Optional Trannie Adapter] 
Great for 5" x 4" trannies and 
even 35mm. 


[UMAX Badge] 
Made by the world's largest scanner 
manufacturer. 

You can count on our scans and 
build quality. Many millions have! 


[BET] 
UMAX' exclusive Bit Enhancement 
Technology improves image 

highlights and shadows. 


Contact your local UMAX reseller or call the UMAX Info line on 0 


Creative ideas, All free in our latest 340-page catalogue. 


3. To order your free resource kit, or to purchase 150-image CDs, 
and order resource kits at www.stockbyte.com 


Let yourself go! Get your teeth into over 5,000* mouth-watering, 


All our images are royalty-free, CMYK drum scanned, now up.to- mega-sized A 
freephone 0800 90 9190. Or download single images, purchase CDs, 


« 


